Question

这是一个非常简单的问题，但我无法在这里或其他任何地方找到答案。

有没有办法为HTML Input元素提供多种类型？我想制作一个包含各种输入，一些文本和一些选择的表单。但是我希望用户能够在提交表单时选择传递哪些字段。有没有办法在HTML中完全执行此操作（感觉它应该是一个简单的任务），或者我有来诉诸脚本？

Answer 1

输入不能有多种类型，但是您也不必求助于脚本。您可以使用CSS：

body{font-family:sans-serif}
#inp,#sel{display:block}
#cb{margin-bottom:20px}

#sel{
    display:none
}

#cb:checked ~ #inp{
    display:none
}

#cb:checked ~ #sel{
    display:block
}

<label for="cb">View as dropdown</label>
<input id="cb" type="checkbox">

<label id="inp">Car Model
<input type="text" name="carmodel">
</label>

<label id="sel">Car Model
<select name="carmodel">
    <option value="mazda">Mazda</option>
    <option value="ford">Ford</option>
    <option value="audi">Audi</option>
</select>
</label>

HTML输入元素可以有多种类型吗？

1 个答案: