码迷,mamicode.com
首页 > 其他好文 > 详细

0410表单知识

时间:2017-04-10 22:24:46      阅读:185      评论:0      收藏:0      [点我收藏+]

标签:chart   use   ble   textarea   居中   大小   eset   知识   布局   

  <a></a>标签内的其他标签用法,首先是锚点<a href="#">回到顶部</a>,位于有滚动条的页面最下端,点击直接回到页面最顶端。然后是<a href="#middle">回到中间</a>,前提是页面当中位置有个标签<a name="middle">中间</a>,这才可以点击后回到这个中间的a标签位置。

  标题标签“<h1>内容</h1>”一直到“<h6>内容</h6>”,标题标签内文字加粗而且自占一行h1标题字最大,h6标题字最小。

  段落标签<p>段落</p>,跟上下内容会自动换行。

  <span>内容</span>用于以后配合样式表加样式用,例如<span style="color: red;">内容</span>主要用于加样式。  

  <div>段落</div>以后跟CSS配合给网页做布局使用,主要也是用来加样式的。

  图片大小占网页的百分比<img src="图片位置" width="50%"/>。

  表格扩展知识

<table>

    <tr>

    <th>内容</th>    “←内容自动加粗居中效果”  

    </tr>

  <thead>            “←本行表格自动放到表格最顶端”

    <td>内容</td>

    <td>内容</td>

  </thead>

  <tfoot>            “←本行表格自动放到表格最底端”

     <td width="10%">内容</td>    定义表格宽度百分比,其他列单元格都效仿

     <td width="90%">内容</td>

  </thead>
</table>

    表单 <form method="get/post" action="http://链接位置" name="tj"></form>

        <input type="text" name="usname"/>用户名

        <input type="password" name="pwd"/>密码       “←密码不显示”

        <input id="sex1" type="radio" name="sex" value="0">男    “←用name区分两者,这样可以二选一”

               <label for="sex1">男</label>                         “label加效果,点击男也可以选择”

        <input id="sex0" type="radio" name="sex" value="1" checked="checked">女 “checked表示的是默认选择”

           <label for="sex0">女</label>                 

    <input type="submit" value="提交"/>

  id属性值是唯一的不可重复,name属性值可以重复,class类

  method="get"此方法不安全,会把信息暴露在地址上  method方法,action要执行的动作,type方式方法,text文本,password密码,value传送给服务器的值

     可以将表单内容放入表格内

<body>

    <form method="get" action="链接地址" name="tj">

    <table border="1" width="45%" bgcolor="chartreuse">

        <tr>

       <th colspan="2" align="middle">用户注册:</th>

        </tr>

        <tr>

       <td align="right">用户名</td>

       <td width="70%"><input type="text" name="usname" placeholder="请输入用户名"/></td>

        </tr>     以此类推。

  下拉栏<select name="age">

       <option value="21">21</option>

       <option value="22">22</option>

       <option value="23" selected="selected">23</option>      “selected表示是默认选择”

       <option value="24">24</option>

       <option value="25">25</option>

        </select></td>

  多选框

  <td align="right">喜好:</td>

     <td> 

    <input id="a1" type="checkbox" name="xh" value="0" checked="checked"/>  “checked也可以默认选择”

        <label for="a1">运动</label>   

    <input id="a2" type="checkbox" name="xh" value="1"/>   

      <label for="a2">看书</label>   

    <input id="a3" type="checkbox" name="xh" value="2"/>   

      <label for="a3">绘画</label>     

   </td>    

  大量文本  

  <tr>  

     <td align="right">自我介绍:</td>  

  <td>  

     <textarea name="seleinfo"></textarea>    “textarea文本域”  

  </td>  </tr>    

  重置按钮 <input type="reset" value="重置"/>

0410表单知识

标签:chart   use   ble   textarea   居中   大小   eset   知识   布局   

原文地址:http://www.cnblogs.com/xfxy/p/6691192.html

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