表单
<input type="hidden" name="hideName" value="666">
<input type="text" name="user" value="张三" readonly>
<input type="submit" value="提交" disabled>
<input type="radio" name="a" id="man" value="男">
<label for="man">男</label>
<input type="radio" name="a" id="woman" value="女">
<label for="woman">女</label>
hidden 隐藏域,作用:需要把数据的名称和值传给后台,但不在用户页面显示。
readonly 只读属性 作用:让用户看到信息但是不让用户修改。
disabled 禁用属性 作用:禁用按钮原来的功能,使用场景:问卷等,用户未填好表单无法提交,由javascript判断是否填写好。
label 元素定义标注,无任何特殊效果 作用:增强鼠标的可用性自动将焦点转移到与该标注相关的表单元素上。注意:label的 for 属性应当与相关元素的 id 属性相同。
css
css的概念
Cascading Style Sheet 级联样式表。表现HTML或XHTML文件样式的计算机语言,包括对字体、颜色、边距、高度、宽度、背景图片、网页定位等设定。
css的优势
网页的表现统一,容易修改,样式丰富,页面布局灵活,减少网页的代码量,增加网页的浏览速度,节省网络带宽,运用独立于页面的CSS,有利于网页被搜索引擎收录。
css样式
行内样式
<p style="color:red;font-size:30px;">我表示段落</p>
行内样式 使用style属性引入CSS样式。
内部样式表
<style>
div{
color:red;
}
</style>
<body>
<div>我是div</div>
</body>
优点:方便在同页面中修改样式。
缺点:不利于在多页面间共享复用代码及维护,对内容与样式的分离也不够彻底。
外部样式表
链接外部样式表
<link rel="stylesheet" href="./5.css">
rel="stylesheet" 使用外部样式表
href 文件的路径
导入外部样式表
<style>@import url(./5.css);</style>
url里面可以加引号(单引号或者双引号)也可以不加引号。
CSS基本选择器
标签选择器
<style>
p{
font-size: 30px;
color:red;
}
h1{
color:aqua;
}
div{
color:blue
}
</style>
所有标签都可以作为标签选择器。
类选择器
<style>
.divclass{
color:red;
font-size:50px;
}
</style>
<body>
<div class="divclass">我是块元素</div>
</body>
divclass是类名称 类选择器记得要加上"." 一般工作中推荐使用 类选择器加样式。
id选择器
<style>
#one{
color:red;
}
</style>
<body>
<div id="one">
我是块元素我的id是one
</div>
</body>
使用id选择器 要使用#,#后面名称需要和id=""后面的值对应,id选择器中id具有唯一性 。