HTML表单的用法

简介

HTML表单是一个包含表单元素的区域，用来收集用户输入的内容并提交。
表单元素通常包括文本域(textarea)、单选框(radio-buttons)、复选框(checkboxes)等。

• 常用属性：

type：输入的类型
name：表单的名称
value：表单的内容

• 文本域(Text fields)

<form action="/getInfo" method="get">
<label for ="username">姓名</label>
<input id="username" type="text" name="username" value="小明">
 </form>

用户可以在文本域写入文本。

• 密码域

<form action="/getInfo" method="get">
  <label for="password">密码</label>
  <input id="password" type="password" name="password" placeholder="输入密码">
</form> 

创建HTML的密码域。

• 复选框

<form action="/getInfo" method="get">
  <input type="checkbox" name="hobby" value="read"> 读书 
  <input type="checkbox" name="hobby" value="music"> 听歌
  <input type="checkbox" name="hobby" value="study"> 学习
</form>

用户可以选中或取消选取复选框。

• 单选按钮

<form action="/getInfo" method="get">
<input type="radio" name="gender" value="男">男
</form>

在HTML中创建单选按钮。