HTML 表单标签包括以下组成部分:
1.'<形式标签:定义了一个表单,包含了表单的各种属性,如提交方式(method)、数据编码格式(enctype)等。
2.'<输入<input>标签有多种类型,包括 文本、密码、复选框、无线电、提交、重置、隐藏等。
3.'<文本区域标签:定义了一个多行文本输入控件,可以用于输入大段文本。
4.'<选择标签:定义了一个下拉菜单,可以用于提供多个选项供用户选择。
5.'<选项标签:定义了下拉菜单中的选项。
创建一个表单的基本步骤如下:
1.在 HTML 文件中使用 '<form标签定义表单,设置表单的属性。< p="">
2.在 '<表单标签中添加需要的输入控件,如文本框、单选框、复选框、下拉菜单等。
3.使用 '<input< p="">
4.在表单中添加必要的提示信息和说明文字,使用 '<label标签将表单控件与提示信息关联起来。< p="">
5.使用 CSS 样式为表单添加样式。
以下是一个简单的表单示例,包含一个文本框、一个密码框、一个单选框、一个复选框、一个下拉菜单和一个提交按钮:
<form action="/submit-form" method="POST">
<label for="username">用户名:</label>
<input type="text" id="username" name="username" placeholder="请输入用户名" required>
<br>
<label for="password">密码:</label>
<input type="password" id="password" name="password" placeholder="请输入密码" required>
<br>
<label>性别:</label>
<input type="radio" id="male" name="gender" value="male">
<label for="male">男</label>
<input type="radio" id="female" name="gender" value="female">
<label for="female">女</label>
<br>
<label>爱好:</label>
<input type="checkbox" id="music" name="hobbies" value="music">
<label for="music">音乐</label>
<input type="checkbox" id="sports" name="hobbies" value="sports">
<label for="sports">运动</label>
<input type="checkbox" id="reading" name="hobbies" value="reading">
<label for="reading">阅读</label>
<br>
<label for="city">城市:</label>
<select id="city" name="city">
<option value="beijing">北京</option>
<option value="shanghai">上海</option>
<option value="guangzhou">广州</option>
<option value="shenzhen">深圳</option>
</select>
<br>
相关文章
关注千锋学习站小程序
随时随地免费学习课程
扫一扫快速进入
千锋移动端页面
扫码匿名提建议
直达CEO信箱