【HTML】表单的使用

表单的基本语法

<form method="get or post" action="URL">
</form>

method

属性method用于指定服务器发送表单数据时所使用的HTTP方法，可以是get和post中的一种
get与post的区别
get是缺省的方法，当采用get方法提交表单时，提交的数据被附加到URL（在属性action中指定）的末端，作为URL的一部分发送到服务器
post方法是将表单中的信息作为一个数据块发送到服务器端。
相比较而言，post方法更安全些。

action

属性action指定对表单进行处理的脚本的地址。也就是说，表单提交到服务器后，交给谁处理，在action属性中指定处理者的URL。

表单中常用控件

input

用于接受用户输入的信息
input是一个带有属性的空元素，用来创建表单中的控件
语法：

<input type="type" name="name" size="size" value="value">

属性	含义
type	指定要创建的控件的类型
name	指定控件的名称
size	指定表单中控件的初始宽度
value	指定控件的初始值

常用控件类型

type	含义
text	单行文本输入控件
submit	提交按钮
reset	重置按钮
password	口令输入控件
radio	单选按钮
checkbox	复选框
hidden	隐藏控件

隐藏空间：在页面上不显示，服务器端脚本动态产生的表单中，用于保存客户端的跟踪数据和有用信息。
例：

<form method="post" action="reg.jsp">
    用户名：<input type="text" name="user" value="游客" size="30"><br>   //br是换行的
    密码：<input type="password" name="pwd"><br>
    性别：<input type="radio" name="sex" value="1" checkd>男
    <input type="radio" name="sex" value="0">女<br>
    兴趣爱好：<input type="checkbox" name="interest" value="football">足球
    <input type="checkbox" name="interest" value="basketball">篮球
    <input type="checkbox" name="interest" value="volleyball">排球
    <input type="checkbox" name="interest" value="swim">游泳<br>
    <input type="reset" value="重写">
    <input type="submit" value="注册">
</form>

列表框

允许用户从一个下拉列表框中选择一项或多项
列表框由select元素创建，列表框中的各个选项用option元素提供
例：

<select size="1" name="education">
    <option value="" selected>...</option>   //设置默认选项
    <option value="高中">高中</option>
    <option value="大学">大学</option>
    <option value="硕士">硕士</option>
    <option value="博士">博士</option>
</select>

多行文本输入控件

textarea
例：

个人简介：<textarea name="personal" rows="5" cols="30">个人简介</textarea>

超链接

<a href="URL">...</a>

href用于指定链接的目标，目标地址由URL定位，a标签之间的文本作为显示的链接文本
例：

<a href="https://blog.csdn.net/cxh6863">博客</a>

图像

<img src="URL" width=n height=n>

src用于指定图像资源的位置，width和height用于指定图片尺寸