input 里面加div用代码写
时间: 2023-03-29 10:03:56 浏览: 81
您可以使用以下代码将一个 div 元素添加到 input 元素中:
<input type="text">
<script>
var div = document.createElement("div");
document.querySelector("input").appendChild(div);
</script>
请注意,这只是一个示例代码,您可以根据您的需求进行修改。
相关问题
div里面有input
当你在`<div>`元素中添加一个`<input>`元素时,你可以使用以下代码:
```html
<div>
<input type="text" placeholder="请输入内容">
</div>
```
在上述代码中,我们使用`<input>`元素创建了一个文本输入框。`type="text"`属性指定了输入框的类型为文本输入。`placeholder`属性可用于提供一个占位符,当用户未输入内容时显示该占位符。
你可以根据需要修改`<input>`元素的属性和样式,以满足你的具体要求。
多选input,输出在div里面
你可以使用以下的HTML和JavaScript代码实现多选input,将选中的内容输出在div中:
```html
<!--HTML代码-->
<div>
<input type="checkbox" id="option1" value="Option 1">
<label for="option1">Option 1</label>
</div>
<div>
<input type="checkbox" id="option2" value="Option 2">
<label for="option2">Option 2</label>
</div>
<div>
<input type="checkbox" id="option3" value="Option 3">
<label for="option3">Option 3</label>
</div>
<button onclick="submitSelection()">Submit</button>
<div id="output"></div>
```
```javascript
//JavaScript代码
function submitSelection() {
var outputDiv = document.getElementById("output");
var selectedOptions = document.querySelectorAll('input[type="checkbox"]:checked');
var selectedOptionsValues = "";
for (var i = 0; i < selectedOptions.length; i++) {
selectedOptionsValues += selectedOptions[i].value + ", ";
}
outputDiv.innerHTML = selectedOptionsValues;
}
```
在上述代码中,我们首先定义了三个checkbox输入框和一个按钮。当用户点击按钮时,`submitSelection()`函数会被调用。该函数首先获取所有选中的输入框,然后将这些输入框的值拼接为一个字符串,并将该字符串输出到一个名为`output`的div中。