9.HTML表单

1.HTML表单

1）HTML表单用于收集用户输入信息。
2）HTML表单表示文档中的一个区域，此区域包含交互控件，将用户收集到的信息发送到Web服务器。
3）<form>标签表示表单。
4）表单中输入内容有：文本域（textarea）、下拉列表(select)、单选框(radio-buttons)、复选框(checkbox)等。

2.文本域

<form>
First name:<input type="text" name="fn"><br>
Last name:<input type="text" name="ln">
</form>

①[大多数浏览器中，文本域默认宽度为20个字符。]

3.密码字段

<form>
Password: <input type="password" name="pwd">
</form>

4.单选按钮

<form action="">
<input type="radio" name="sex" value="male">男<br>
<input type="radio" name="sex" value="female">女
</form>

5.复选框

<form>
<input type="checkbox" name="vehicle" value="Bike">我喜欢自行车<br>
<input type="checkbox" name="vehicle" value="Car">我喜欢小汽车
</form>

6.提交按钮

<form name="input" action="html_form_action.php" method="get">
Username: <input type="text" name="user">
<input type="submit" value="Submit">
</form>

①数据传输到html_form_action.php文件。
②method属性定义表单数据提交方式：
post：指的是 HTTP POST 方法，表单数据会包含在表单体内然后发送给服务器，用于提交敏感数据，如用户名与密码等。
get：默认值，指的是 HTTP GET 方法，表单数据会附加在 action 属性的 URL 中，并以 ?作为分隔符，一般用于不敏感信息，如分页等。例如：https://www.runoob.com/?page=1，这里的 page=1 就是 get 方法提交的数据。