表单

表单form : 凡是用户与服务器交互的表单标签应全部放在form标签内

 a . <form method=”post/get(两种表单提交方式)”action=”表单处理服务器”/>

post:

(1)浏览器将与 action 属性中指定的表单处理服务器建立联系

(2)浏览器就会按分段传输的方法将数据发送给服务器。

(3)服务器端(POST 样式的应用程序开始执行时):

[1]从一个标志位置读取参数

[2]一旦读到参数，在应用程序能够使用这些表单值以前，必须对这些参数进行解码

[3]用户特定的服务器会明确指定应用程序应该如何接受这些参数.

get:

(1)浏览器会与表单处理服务器建立连接

(2)直接在一个传输步骤中发送所有的表单数据：浏览器会将数据直接附在表单的action URL 之后。中间用问号进行分隔。

一般浏览器通过上述任何一种方法都可以传输表单信息，而有些服务器只接受其中一种方法提供的数据。

<form action="https://list.tmall.com/search_product.htm" method="get">
<input type="text" name="q"/>
<input type="submit" value="提交"/>

a. label

lform:表单

linput的种类：type属性

l输入类：

ltext               文本框

lpassword      密码

l选择类：

lradio             单选

lcheckbox      复选

l按钮类：

lsubmit          提交

lreset             重置

lbutton          按钮

limage           图片

l特殊类：

lfile                上传

lhidden          隐藏

llabel  标签为input元素定义标注

l写法1：

l<inputtype="checkbox" name="" id="a"/>

l<labelfor="a">……</label>

l写法2：

l<label><inputtype="checkbox" name="" id="a"/></label>

lchecked  属性在页面加载时默认选定的input元素

l<inputtype="checkbox" name="" checked/>

ldisabled（不能选中不能修改）/readonly（可以选中不能修改） 属性规定应该禁用input元素

l<inputtype="checkbox" name="" disabled/> 

lselect/option下拉选框

l对高度的支持不兼容

lsize属性：同时显示选项的数量

ltextarea  文本域

l各个浏览器下的默认滚动条显示不兼容

lcss3新增resize调整尺寸属性resize: none;

l

l

lplaceholder文本输入提示

lcss3新增属性，用来提示文本输入