码迷,mamicode.com
首页 > Web开发 > 详细

HTML学习笔记(3)

时间:2016-08-02 00:46:14      阅读:245      评论:0      收藏:0      [点我收藏+]

标签:

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内嵌框架

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

 

HTML学习笔记(3)

标签:

原文地址:http://www.cnblogs.com/zhuanggege/p/5727536.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!