码迷,mamicode.com
首页 > Web开发 > 详细

html 的标签总结

时间:2018-08-08 00:29:05      阅读:214      评论:0      收藏:0      [点我收藏+]

标签:滑动   family   sel   ace   orm   sele   日期   image   span   

<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允许用户输入信息

  

html 的标签总结

标签:滑动   family   sel   ace   orm   sele   日期   image   span   

原文地址:https://www.cnblogs.com/ZQUACM-875180305/p/9440393.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!