HTML中可以使用表单(form)元素实现文本输入、单选框、多选框、下拉列表等操作。以下是一个简单的表单示例:
<form action="submit.php" method="post">
<h3>文本输入</h3>
<p>姓名:<input type="text" name="name"></p>
<h3>单选框</h3>
<p>性别:
<label><input type="radio" name="gender" value="male">男</label>
<label><input type="radio" name="gender" value="female">女</label>
</p>
<h3>多选框</h3>
<p>爱好:
<label><input type="checkbox" name="hobby[]" value="reading">阅读</label>
<label><input type="checkbox" name="hobby[]" value="music">音乐</label>
<label><input type="checkbox" name="hobby[]" value="sports">运动</label>
</p>
<h3>下拉列表</h3>
<p>城市:
<select name="city">
<option value="beijing">北京</option>
<option value="shanghai">上海</option>
<option value="guangzhou">广州</option>
</select>
</p>
<p><input type="submit" value="提交"></p>
</form>
该表单包含了四个表单项,分别是文本输入、单选框、多选框、下拉列表。其中,文本输入使用了<input>
元素,其type
属性设置为text
;单选框和多选框使用了<input>
元素,其type
属性分别设置为radio
和checkbox
,且相同的选项应该有相同的name
属性值;下拉列表使用了<select>
元素和<option>
元素,其中<option>
元素的value
属性值是该选项的值,显示在下拉列表中的文本是<option>
元素的内容。
表单使用<form>
元素包裹,其中action
属性是表单提交的地址,method
属性是表单提交的方式,一般使用post
方式提交表单。
需要注意的是,表单中的每个表单项都应该有一个唯一的name
属性值,以便在表单提交时能够正确地获取表单数据。