前端---HTML 5的属性

1.列表相关的元素

  <ul>:定义无序列表。

 <ol> :定义有序列表。

2.表格相关元素

<table>:定义表格

<caption>:定义表格标题

<tr>定义表格行

<td>定义单元格 tr 中可以包括td

<th>定义表格的头单元格

3.title的属性

鼠标移动到指定位置会有提示

如:<div title ="测试">测试内容</div>,当鼠标放在测试内容上就会出现测试2字

4.hidden属性

Html5为所有元素都提供了hidden属性

<input id ="3" name ="3" type ="hidden"/>

5.input属性

Html5 中Input很重下面用代码来表示

<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8" content="text/html"/>
</head>
<script type="text/javascript">
</script>
<body>
<form name ="form1" action ="https://search.jd.com/Search" method ="GET">
单行文本框:<br/><input id ="username" name ="username" type ="text"/><br/>
不能编辑的文本框:<br/><input id ="1" name ="1" type ="text" readonly =readonly/><br/>
密码框:<br/><input id ="2" name ="2" type ="password"/><br/>
隐藏框:<br/><input id ="3" name ="3" type ="hidden"/><br/>
单选框:<br/>
<input id ="4" name ="4" type ="radio" value ="男" checked =checked/> 男
<input id ="5" name ="4" type ="radio" value ="女" /> 女<br/>
复选框:<br/>
<input id ="6" name ="6" type ="checkbox"  value ="java"/>java
<input id ="7" name ="6" type ="checkbox" value ="php"/>php
<input id ="8" name ="6" type ="checkbox" value ="c#"/>c#
<input id ="9" name ="6" type ="checkbox" value ="c"/>c
<input id ="10" name ="6" type ="checkbox" value ="c++"/>c++
<br/>
文件上传:<br/>
<input id ="11" name ="11" type ="file"/>
<br/>
四个按钮:<br/>
<input id ="12" name ="12" type="submit" value ="提交"/>
<input id ="15" name ="15" disabled  type="submit"  value ="强制不提交"/>
<input id ="13" name ="13" type="reset" value ="重设"/>
<input id ="14" name ="14" type="button" value ="无动作"/><br/>
图像:<br/>
<input id ="16" name ="16" type ="image" src ="csgo.jpg" width="100" height ="50" alt ="CSGO" />
<div title ="测试">测试内容</div>


</form>
</body>

</html>

效果如图

6 表单中的GET请求

get方式的请求:一些书中说get请求传送的数据量小,不能大于2KB。这是错误的,可以大于,但是一般会收到第3方限制。

7.form表单中标签命名

form表单里的所用标签都需要指定name值并且不可以一样,单选框和复选框可以一样,仅限制在同一组中

猜你喜欢

转载自blog.csdn.net/qq_33188563/article/details/80958860