欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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值的标签身上