表单
(1)属性
- method:表单的提交方式 分为两种post和get; post:将数据提交给服务器处理的时候使用,保密性好,提交数据无大小限制;get:向服务器索要数据的时候使用,但是其安全性低,而且提交的数据大小有限制。
- action:表单处理服务器,浏览器会与表单处理服务器建立连接,然后直接在一个传输步骤中发送所有的表单数据:浏览器会将数据直接附在表单的 action URL 之后。这两者之间用问号进行分隔
<form method="get" action="地址">
(2)表单元素
- input
常用属性:
name:类似前端的id,同时前端可以用来js取值和分类
type:可以创建各种类型的输入控件,比如:
(1)输入类:text——文本框;password——密码
<input type="text"/>
<input type="password"/>
(2)选择类:radio——单选;checkbox——复选
单选框:</br>
<input type="radio" name="zy" id="rad1"/><label for="rad1">美貌</label><br/>
<input type="radio" name="zy" id="rad2"/><label for="rad2">财富</label><br/>
<input type="radio" name="zy" id="rad3"/><label for="rad3">健康</label></br>
复选框:</br>
<label><input type="checkbox" name="xq"/>睡觉</label><br/>
<label><input type="checkbox" name="xq"/>玩电脑</label><br/>
<label><input type="checkbox" name="xq"/>逛街</label>
(3)按钮类:submit/image——提交/图片提交;reset——重置;button——按钮
<input type="submit" value="提交"/></br>
<input type="reset" value="重置"/><br/>
<input type="button" value="按钮"/>
(4)特殊类:file——上传
<input type="file"/>
value:input的值
placeholder(输入类):文本输入提示(css3新增属性,用来提示文本输入)
- 其他表单元素
(1)select/option:下拉选框/下拉选框的选项对高度的支持不兼容;
size:用来设置同时显示选项的数量selected(取值大于1的话,则为滚动列表);
option属性:用来设置下拉框的默认选项(如果不设置selected属性的话,那么选项框中的第一项会默认被选中)
<select >
<option value="杭州">杭州</option>
<option selected="selected" value="上海">上海</option>
<option value="广东">广东</option>
</select>
(2)textarea:文本域
各个浏览器下的默认滚动条显示不兼容
css3新增 resize 调整尺寸属性 resize: none;
cols/rows属性:列数/行数
<textarea style="resize:none;" cols="40" rows="5">我是文字我是文字我是文字我是文字我是文字我是文字我是文字我是文字我是文字我是文字我是文字我是文字我是文字我是文字我是文字我是文字我是文字我是文字我是文字我是文字我是文字我是文字我是文字我是文字我是文字我是文字我是文字我是文字我是文字我是文字我是文字我是文字我是文字</textarea>