html 的标签总结

<b> </b> 文字粗体
<em> </em> 文字斜体
<u> </u> 文字下划线
<s> </s> 文字删除线
<br> 换行

  列表标签:

<ul>
  <li>
</ul> 无序列表

<ol>
  <li>
</ol> 有序列表

  表格标签:

<table>
  <tr>
    <td> (用<th></th>样式是字体加粗居中)
    </td>
  </tr>
</table>

<td colspan='2'> 行合并两个单元格
<td rowspan='2'> 列合并两个单元格

  表单标签:获得用户输入

<form>
  <input value=" " placeholder=" " maxlength=" " size=" " type=" ">
</form>
value的值为占位符
placeholder的值不占文本框的内
maxlength最多能输入的字符数
size 拓宽单行文本框
type 可以设置很多输入样式
如: password输入的文字全部变为黑点
email可以判断输入是否为邮件
tel 电话
URL 网址
date 输入日期
color 获取颜色值
hidden 隐藏
image 放图片 src=“” 导入图片
file 上传文件
submit 提交
range 滑动(可以用min,max,step,value调节最小值,最大值,每滑动一下调节的大小,起始值)
number 数字(可以min,max等)
checkbox 是否选择该项(选中后可以取消)
radio 是否选择该项(选中后不可以取消)

若想多选一,可以表示:
<input type="radio" name="1"> 999
<input type="radio" name="1"> 888
<input type="radio" name="1"> 777
只需要用同一个name即可

  

<select>
  <option> iop</option>
  <option> kop</option>
  <option> dop</option>
</select>

<input list="1234">
<datalist id="1234">
    <option> iop</option>
    <option> kop</option>
    <option> dop</option>
</datalist>

两个都可建立选择表单。

区别在于,select不接受用户的输入,datalist允许用户输入信息

  

猜你喜欢

转载自www.cnblogs.com/ZQUACM-875180305/p/9440393.html