浏览 51
扫码
HTML 5表单标签用于创建用户输入数据的表单,让用户可以向网站提交信息。常见的表单元素包括文本框、单选框、复选框、下拉框等。下面是一些常见的表单元素及其使用方法:
- 文本框:用于用户输入文本信息。使用
<input type="text">
标签创建文本框,可以添加placeholder属性来在文本框中显示提示信息。
<input type="text" placeholder="请输入您的姓名">
- 单选框:用于用户在多个选项中选择一个选项。使用
<input type="radio">
标签创建单选框,需要给每个单选框设置相同的name属性,表示它们是一组。
<input type="radio" name="gender" value="male">男
<input type="radio" name="gender" value="female">女
- 复选框:用于用户在多个选项中选择多个选项。使用
<input type="checkbox">
标签创建复选框,可以设置checked属性来默认选中复选框。
<input type="checkbox" name="hobby" value="music" checked>音乐
<input type="checkbox" name="hobby" value="sport">运动
- 下拉框:用于用户从预定义选项中选择一个选项。使用
<select>
和<option>
标签创建下拉框,可以设置selected属性来默认选中一个选项。
<select name="country">
<option value="china" selected>中国</option>
<option value="usa">美国</option>
<option value="uk">英国</option>
</select>
- 提交按钮:用于用户提交表单数据。使用
<input type="submit">
标签创建提交按钮,点击按钮后会触发表单的提交操作。
<input type="submit" value="提交">
以上是一些常见的表单元素及其使用方法,你可以根据实际需求选择合适的表单元素来构建表单。在表单中还可以使用<label>
标签来标记表单元素的名称,使用<form>
标签来包裹表单元素,以及使用其他属性来设置表单的行为和样式。希望这个简单的教程可以帮助你更好地了解HTML 5表单标签。