<meta name="viewport" content="width=device-width, initial-scale=1.0初始比例 "> <!--对移动设备的友好，确保恰当的绘制和触屏缩放--> <meta name="author" content="fly"> <!--author,它定义了该页面的作者--> <meta name="keywords" content="HTML,ASP,PHP,SQL"> <!--keyword，定义html文档关键字--> <meta http-equiv="charset" content="iso-8859-1"> <!--charset,定义html文档的编码格式--> <meta http-equiv="expires" content="31 Dec 2019"> <!--定义html文档到期时间--> <meta http-equiv = "refresh" content="2; url=http://www.baidu.com" /> <!--refresh 指定时间内自动刷新，并且可跳转到指定url-->
<ul type="circle"> <li>苹果</li> <li>菠萝</li> <li>橙子</li> </ul>
<ol type="A"> <li>苹果</li> <li>菠萝</li> <li>橙子</li> </ol>
<dl> <dt>第一章</dt> <dd>1</dd> <dd>2</dd> <dd>3</dd>
<dt>第二章</dt> <dd>a</dd> <dd>b</dd> <dd>c</dd> </dl>
<table border="1" align="center" width="500" cellspacing="0" style="border:1px solid gray;">
<caption>第一阶段</caption>
<tr >
<th colspan="5" >合并5列</th>
</tr>
<tr>
<td>星期一</td>
<td>星期二</td>
<td>星期三</td>
<td>星期四</td>
<td>星期五</td>
<th rowspan="2">合并2行</th>
</tr>
<tr>
<td>上课</td>
<td>不上课</td>
<td>上课</td>
<td>上课</td>
<td>上课</td>
</tr>
</table>
<html>
<body>
<form action="" method="post" enctype="multipart/form-data">
<!--post比get更安全,post不会显示在地址栏,post没大小限制,get有限制-->
用户名：<input type="text" name="user" placeholder="请输入用户名" required>
<br/>
密  码：<input type="password" name="psw" placeholder="请输入密码" required>
<br/>
<input type="submit" value="提交" />
<input type="reset" value="重新输入" />
<br/><!--上传文件的类型 一般要使method="post" -->
<input type="file" name="fileFiled" />
<input type="submit" value="上传" />
<!--普通按钮，需要配合js才能有提交作用-->
<input type="button" value="普通按钮">
<!--image类型点击图片具有提交作用，但不提倡使用，因为有时它会提交两次-->
<input type="image" src="img/01.jpg" width="40px">
<br/>
<!--元素集，字段组-->
<fieldset>
<legend>学生信息单选</legend>
姓名：<input type="text">
性别：<label for="men">男生</label><input type="radio" name="genner" id="men">
<label for="weman">女生</label><input type="radio" name="genner" id="weman">
</fieldset>
复选框a<input type="checkbox" name="worker"><br/>
复选框b<input type="checkbox" name="worker"><br/>
复选框c<input type="checkbox" name="worker"><br/>
请输入邮箱:<input type="email" />
请输入URL地址：<input type="url" />
请输入数字：<input type="number" max="10" min="0" />
拖动滑竿改变数值：<input type="range" max="200" min="0" value="100" />
<br/>
请输入搜索关键字：<input type="search" />
选择你喜欢的颜色：<input type="color" />
请选择日期：<input type="date"/>
<br/>
<!--多行文本，常用属性：placeholder，required，readonly-->
<textarea cols="130" rows="6" maxlength="20" placeholder="这是提示信息必须填写" required></textarea>
</form>
</body>
</html>
<form action="" method="post" enctype="multipart/form-data">
<select name="" id="" size="1">
<optgroup label="中国">
<!--optgroup为option分组,不可选的-->
<option value="0">上海</option>
<option value="1" selected="selected">北京</option>
<option value="2" disabled="disabled">广州</option>
<option value="0">深圳</option>
</optgroup>
</select>
</form>
结语:
这是笔者注册博客园以来的第一篇随笔，请各位多多关照哟！
如果内容有错误或不足，请在评论区留下您的建议，谢谢！
原文：https://www.cnblogs.com/IT-LFP/p/10925708.html