您的位置:首页 > Web前端 > HTML

泡泡同学告诉你怎么书写html的表单

2015-09-14 22:30 405 查看
哈哈哈,新的一周又来了,泡泡同学很是高兴哦,不过周末综合征还是有的,早上上上眼皮打下眼皮啊

  。在网页制作中我们经常涉及到表单的制作,今天泡泡同学送上见天的笔记,希望对你有帮助。

表格表单的简单介绍

表单

一、表格的基本格式

     <table>

       <tr>

         <td><td>

       </tr>

     </table>

    表示:一行一列

    <table>属性有:

      1、border:规定表格边的宽度

      2、cellpadding:规定单元边沿与其内容之间的空白

      3、cellspacing:规定单元之间的空白

    <td>属性有:

      1、rowspan:规定单元格可跨横的行数

      2、colspan:规定单元格可跨横的列数

二、在网页中插入其他网页

     1、基本语法:<iframe src="url" name="****"></iframe>

     2、网页中放置一个超链接,当点击超链接时,在网页上打开另外一个网页

      <a href="url" target="123">打开**</a>

      <iframe name="123" widht="200"></iframe>

     注意:此时必须设定targetde 的属性和name的属性值一样

三、表单

    基本格式: <form id="123" name="123" action="" method="post">

                  <input type="text" name="123"/>

             </form>

    <input>的属性有:

            1、checked:规定此 input 元素首次加载时应当被选中。

            2、disabled:当 input 元素加载时禁用此元素。

            3、maxlength:规定输入字段中的字符的最大长度。

            4、name:定义 input 元素的名称。

            5、size:定义输入字段的宽度。

            6、type:规定 input 元素的类型。

    type属性的属性值:

             1、button:定义可点击按钮

             2、checkbox:定义复选框。

             3、file:定义输入字段和 "浏览"按钮,供文件上传。

             4、image:定义图像形式的提交按钮。

             5、password:定义密码字段。该字段中的字符被掩码。

             6、radio:定义单选按钮。

             7、reset:定义重置按钮。重置按钮会清除表单中的所有数据。

             8、submit:定义提交按钮。提交按钮会把表单数据发送到服务器

             9、text:定义单行的输入字段,用户可在其中输入文本。默认宽度为 20 个字符。

    下拉表单:

     基本格式:<select>

                   <option value="***">***</option>

              </select>

    注意:在复选框和单选框中每个组中的元素的name属性值必须相同,id值属相不能相同
    
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: