HTML常见的属性以及一些标签的属性
程序员文章站
2022-04-19 23:53:45
...
## 常见的属性
图片
超链接
表单
- id:元素的唯一id,经常用来寻找和定位某一个标签
- class:为元素规定一个或多个类名(类名从样式表引入)
- style:规定元素的行内样式
- title:描述元素的额外信息(作为工具条使用),鼠标放在元素上面会显示
标签
图片<image>
和视频<video>
<img src="图片地址" alt="加载出错时默认显示的文字">
<video src="视频地址" controls="controls"></video>
超链接<a>
<!--<a>标签是一个超文本链接标签,target用来定义新的网页打开位置(覆盖当前或者新建等)-->
<a href="http://www.baidu.com" target="_blank">超文本链接:百度一下</a>
<input>
属性:
-
id
标识符 -
name
相当于关键字,提交值的名称 -
placeholder
输入框默认显示的文字,虚字,不会影响输入的文字 -
type
输入框的类型,text表示是个输入框,其他如submit、unset等表示是个特定功能的按钮 -
value
标签的值
表单<form>
<form action="">
<label for="username">姓名:</label>
<input id="username" type="text" name="username" placeholder="请输入姓名"/>
<hr/>
性别:
<label for="male">男</label>
<input id="male" type="radio" name="sex" value="male"/>
<label for="female">女</label>
<input id="female" type="radio" name="sex" value="female"/>
<label for="secret">保密</label>
<input id="secret" type="radio" name="sex" value="secret"/>
<hr/>
爱好:
<label for="basketball">篮球</label>
<input id="basketball" type="checkbox" name="hobby" value="basketball">
<label for="pingpang">乒乓球</label>
<input id="pingpang" type="checkbox" name="hobby" value="pingpang">
<label for="swim">游泳</label>
<input id="swim" type="checkbox" name="hobby" value="swim">
<hr/>
<input type="submit" value="提交"/>
<input type="reset" value="重置"/>
</form>
<label>
属性:
-
for
:点击label
聚焦到id=for值的标签身上
推荐阅读
-
html中
标签的用法以及作用解析 -
HTML的表单form以及form内部标签的使用
-
为什么设置的margin-top属性不管用_html/css_WEB-ITnose
-
CSS的Display属性可能的值_html/css_WEB-ITnose
-
CSS vertical-align属性的用法_html/css_WEB-ITnose
-
HTML中position的属性值介绍
-
简单了解CSS3的all属性_html/css_WEB-ITnose
-
CSS的opacity属性_html/css_WEB-ITnose
-
浅谈iOS解析HTMl标签以及开发中的一些坑
-
浅谈iOS解析HTMl标签以及开发中的一些坑