HTML表单

什么是表单？
在HTML中使用表单和用户完成交互

表单作用是什么？
表单主要负责采集数据信息，然后向服务提交表单数据，进行相关处理

Form表单标签

name属性：设置表单的名称

action属性：用来设置发送请求的路径

B/S架构中，从浏览器B端向服务器S端发送数据，叫做请求，英语单词：request

B/S架构中，从服务器S端向浏览器B端返回数据，叫做响应，英语单词：response

method属性：用来设置表单提交数据的方式：get、post

get方式：为默认提交方式，提交的数据会显示在地址栏中

post方式：提交的数据不会在地址栏中显示，相对安全

例子：用户信息表单

\

HTML input标签

1. input type类型为text:文本输入域

<input type=”text” name=”username” />

2.input type类型为password:密码输入框

<input type=”password” name=”password” />

input type类型为 radio:单选按钮

3. <input type=”radio” name=”sex” />

4. input type类型为 checkbox：多选按钮

<input type=”checkbox” name=”interest” />

5. input type类型为submit：表单提交按钮

<input type=”submit” name=”注册” />

6. input type类型为button:普通按钮

<input type=”button” name=”提交注册” />

7. input type类型为reset:表单重置按钮

<input type=”reset” name=”重置” />

8. input type类型为file：文件上传组件

<input type=”file” name=”filename” />

9. input type类型为hidden：隐藏控件

在浏览器上看不到，但提交表单的时候会提交给服务器

<input type=”hidden” name=”usercode” />

下拉列表标签：<select><option></option></select>

<select name=”grade” >

<option value=”gz”>高中</option>

<option value=”dz”>大专</option>

</select>

文本域标签 <textarea></texarea>

<textarea name=”introduce” cols=”50” rows=”10”></textarea>

只读控件readonly：只能看不能改，数据也会提交给服务器

<input type=”text” name=”username” value=”zhangsan” readonly />

无效控件disabled：只能看不能改，数据不会提交给服务器

<input type=”text” name=”user” value=”wangwu” disabled  />

input控件size属性：设置文本框的可视长度

<input type=”text” name=”username” size=”10” />

input控件maxlength属性：设置文本框中可编写的长度

<input type=”text” name=”uname” maxlength=”100” />