表单

表单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

l form:表单

l input 的种类： type 属性

l 输入类：

l text                文本框

l password       密码

l 选择类：

l radio              单选

l checkbox       复选

l 按钮类：

l submit           提交

l reset              重置

l button           按钮

l image            图片

l 特殊类：

l file                 上传

l hidden           隐藏

l label  标签为 input 元素定义标注

l 写法 1 ：

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

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

l 写法 2 ：

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

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

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

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

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

l select/option 下拉选框

l 对高度的支持不兼容

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

l textarea  文本域

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

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

l

l

l placeholder 文本输入提示

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