HTML学习笔记(3)

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>

文字对齐，输入法选择全角按空格键

用户名

密　码

如果用&nbsp；的话，谷歌和火狐浏览器的效果是不一样的

iframe内嵌框架

iframe可用作链接的目标，链接的target属性必须引用iframe的name属性

<iframe src="http://www.taobao.com" name="zhuang"></iframe>
<a href="http://www.jd.com" target="zhuang">京东</a>

from表单

表单提交方式，get：在url地址上面传送参数到服务器，post：在后台传送参数到服务器

label标签

<label for="username">用户名：</label>
<input type="text" id="username"/>

label元素不会向用户呈现任何特殊效果，不过它为鼠标用户改进了可用性，如果你在label元素内点击文本，就会触发此控件，就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上

input表单元素

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控制是否上传多个文件