欢迎光临散文网 会员登陆 & 注册

【代码世界 No.4】前端三剑客 - HTML 2 特殊标签及表单

2021-02-17 17:14 作者:艾了哈  | 我要投稿

列表标签

无序列表:

<ul type="none">

    <li>context </li>

</ul>

属性: type: circle , squre, disc实心圆

有序列表:

<ol  type="a" start="3">

     <li>context</li>

</ol>

属性: type: 1, a, A, I, i, none, start:

链接标签

<a href=“url”  target=‘“> context </a>

锚链接:href=“#id名 ”本页面内跳转

target表示调取方式,打开新窗口或者直接跳

表格

<table 属性>

<tr>行

     <tb 属性>单元格

    </tb>

</tr>

</table>

tb可以被th标签替换表示标题,自动加粗居中

表单

<form action="提交地址" method="get/post"  name="表单名称">   get可见,post不可见

  • 文本框:

    账号:<input type="text" name="userNames" id="d1" value="初始默认值" 

         maxlength="最大长度"  size="文本框长度" readonly="readonly">

  • 密码框:

   密码: <input type="password" name="mima"  value="初始默认值">

           其他属性与文本框相同

  • 隐藏文本框:

<input type="hidden" name=""  value="data"> 不可见但可用

  • 单选项

       <input type="radio"  name="sex"  value="1"> 男  同组单选钮name要相同

       <input type="radio"  name="sex"  value="0"  checked> 女

  • 多选项

      <input type="checkbox"  name="a"  value="1"  checked> 选项一

      <input type="checkbox"  name="a"  value="2"  > 选项二

      <input type="checkbox"  name="a"  value="3"  > 选项三

  • 文件域

      <input type="file"  name="wj"  >  不可以设置value默认值

  • 提交按钮

      <input type="submit" value="点击提交">

  • 图片按钮

      <input type="image"  src="图片url">

  • 重置按钮

      <input type="reset"  value="点击重置"  width="200">

  • 普通按钮

      <input type="button"  value="本身没用,需要结合qit">

 

 

表单框

   <fieldset>

<legend> 表单框提示内容 </legend>

  框内内容

   </fieldset>


【代码世界 No.4】前端三剑客 - HTML 2 特殊标签及表单的评论 (共 条)

分享到微博请遵守国家法律