HTML5基本属性标签
1、关于a标签
- 这里的a标签有一个很重要的功能就是锚点，这里的锚点不光可以在同一个页面中跳转，也可以跳转到对应页面的id位置。
<a href="../html/test.html#demo">a>
- a标签中download属性，可控制让用户下载目标链接所指向的资源。这里的href指定的是资源的位置路径，download属性里面是
<a href="images/logo.jpg" download="java.jpg" type="image/jpeg">下载图片a>
2、将img图片分成几个块（链接）
- 在这里有一个usemap属性，可以是map的name值，这时不用加#，如果用的是id就需要加#，其中area标签表示的每一个区域，这里的shape属性有三个值：rect、circle、poly，对应着矩形、圆形、和多边形。coords属性：
<img src="images/logo.jpg" width="300" height="120" border="0" alt="" usemap="#test"><map name="test" id="test"><area shape="rect" coords="10,10,100,100" href="" alt=""><area shape="circle" coords="27,55,10" href="" alt=""><area shape="poly" coords="188,28,185,50,200,74,224,72,246,51" href="" alt="">map>
3、accesskey属性
- 该属性可以设置快捷键，下面就是alt+设置的值，这里火狐不支持。
<input type="text" accesskey="p">
4、contentEditable属性
- 可编辑属性：适用于table、div等。
<div style="width: 100px;height: 100px;border: 1px solid black" contenteditable="true">div>
5、designMode属性
- 这个是一个全局属性，设置的contentEditable，可以这样理解
<body onclick="document.designMode='on'"><div style="width: 100px;height: 100px;border: 1px solid black">div>
body>
6、spellcheck属性
- 自动检查单词拼写是否错误
<textarea name="" id="" cols="30" rows="10" spellcheck="spellcheck">textarea>
7、readonly属性
- 只读属性
<textarea name="" id="" cols="30" rows="10" readonly="">只读属性textarea>
8、optgrounp标签
<form action=""><select name="" id="" multiple="multiple"><optgroup label="数字"><option value="1">1option><option value="2">2option><option value="3">3option>optgroup><optgroup label="字母"><option value="a">aoption><option value="b">boption><option value="c">coption>optgroup>select>form>
9、fieldset和legend标签
<form action=""><fieldset name="basic"><legend>基本信息legend><input type="text"><input type="text">fieldset>form>
10、form属性
这里的form属性的值是对应form标签钟的id的值
<form action="" id="add" method="get"><input type="submit">form><textarea name="" id="" cols="30" rows="10" form="add">textarea>
11、formaction属性
该属性对于提交，可以制定不同的服务器url，例如注册和登陆，实际上对应着不同的url
<form action="" id="add" method="get"><label for="username">用户名label><input type="text" id="username" name="username"><br><label for="password">密码label><input type="text" id="password" name="password"><br><input type="submit" formaction="register" value="注册"><input type="submit" formaction="login" value="登陆">form>
12、 formxxx属性
- formenctyoe：动态改变表单的编码。
- formmethod：动态设置提交方法，get、post
- formtarget：动态改变提交后的跳转方式。
13、autofocus属性
打开浏览器之后，自动的获取焦点。
<form action="" id="add" method="get"><input type="text" autofocus="autofocus">form>
14、list属性和datalist标签
这里实现了一个下拉菜单并且是可写可选择的。autocomplete属性表示是否自动补全。
<form action="" id="add" method="get">请输入图书：<input type="text" name="name" list="books" autocomplete="off"><input type="submit" value="购买">form><datalist id="books"><option value="javase">javaseoption><option value="javaee">javaeeoption><option value="android">androidoption>datalist>
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！