标签:
accesskey设置快捷键
<a href="http://www.taobao.com" accesskey="t">淘宝</a>
<a href="http://www.jd.com" accesskey="j">京东</a>
用法:alt + value值
支持accesskey属性的元素:<a>,<area>,<button>,<input>,<label>,<legend>,<textarea>
文字对齐,输入法选择全角按空格键
用户名
密 码
如果用 ;的话,谷歌和火狐浏览器的效果是不一样的
iframe内嵌框架
属性 | 值 | 说明 |
width | px,% | 定义框架的宽度 |
height | px,% | 定义框架的高度 |
frameborder | 1 ,0 | 是否显示边框 |
scrolling | yes,no,auto | 是否显示滚动条 |
iframe可用作链接的目标,链接的target属性必须引用iframe的name属性
<iframe src="http://www.taobao.com" name="zhuang"></iframe> <a href="http://www.jd.com" target="zhuang">京东</a>
from表单
属性 | 说明 |
name | 表单的名称 |
action | 表单的提交地址 |
method | 表单数据提交方式 |
enctype | MIME类型 |
target | 打开方式 |
表单提交方式,get:在url地址上面传送参数到服务器,post:在后台传送参数到服务器
label标签
<label for="username">用户名:</label> <input type="text" id="username"/>
label元素不会向用户呈现任何特殊效果,不过它为鼠标用户改进了可用性,如果你在label元素内点击文本,就会触发此控件,就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上
input表单元素
属性 | 说明 |
type | 元素类型 |
name | 元素的名称 |
value | 元素的值 |
size | 元素的宽度 |
readonly | 是否只读 |
disabled | 是否禁用 |
maxlength | 输入字符的最大长度 |
disabled,被禁用的input元素既不可用,也不可点击,直到满足某些条件为止
readonly,规定输入字段为只读,不能修改,不过仍然可以使用tab键切换到该字段,还可以选中或拷贝其文本
常用的input类型
文本框
用户名:<input type="text" name="username"/>
密码框
密 码:<input type="password" name="password"/>
单选按钮
<input type="radio" name="sex" value="1" checked/> 男 <input type="radio" name="sex" value="2"/> 女
单选按钮的name值必须相同
value值是提交给后台的数据,代表你的选择
checked是默认选择
复选框
<input type="checkbox" name=" " value=" " checked/> 听音乐 <input type="checkbox" name=" " value=" "/> 看电影 <input type="checkbox" name=" " value=" "/> 玩游戏
按钮
<input type="button" name=" " value="确定"/> <input type="submit" name=" " value="提交"/> <input type="reset" name=" " value="重写"/> <input type="image" name=" " value="url"/>
上传文件
<input type="file" name=" " multiple/>
用这项功能时,在form标签中要指定method属性为"post",enctype属性指定为"multipart/form-data"
multiple控制是否上传多个文件
标签:
原文地址:http://www.cnblogs.com/zhuanggege/p/5727536.html