HTML表單

時間 2020-01-18

標籤 html 表單欄目 HTML 简体版

原文原文鏈接

1.表單用於蒐集不一樣類型的用戶輸入，表單由不一樣類型的標籤組成，相關標籤及屬性用法以下：python

（1）<form>標籤：定義總體的表單區域django

action屬性：定義表單數據提交的地址
method屬性：定義表單提交的方式，通常有「get"方式和「post"方式後端

（2）<label>標籤爲表單元素定義文字標註ide

（3）<inpuy>標籤訂義通用的表單元素
type屬性：
type="text" 定義單行文本輸入框
type="password" 定義密碼輸入框
type="radio" 定義單選框
type="checkbox" 定義複選框
type="file" 定義上傳文件
type="submit" 定義提交按鈕
type="reset" 定義重置按鈕
type="image" 定義圖片做爲提交按鈕，用src屬性定義圖片地址
type="hidden" 定義一個隱藏的表單域，用來存儲值post

value屬性定義表單元素的值
name屬性定義表單元素的名稱，此名稱是提交數據時的鍵名學習

（4）
<textarea>標籤：多行文本輸入框
<select>標籤：下拉表單元素
<option>標籤：與<select>標籤配合使用，定義下拉表單元素的選項code

<body>orm

<h1>註冊表單</h1>
<form  action="" method="post"><!--name至關於鍵名，有鍵名才能提交,action不寫提交到本地,method使用TCP協議提交，敏感數據用post,反之用get -->

    <div>
        <label for="0">用戶名：</label>
        <input type="text" name="username" id="0"/> <!--當for與id吻合，點擊用戶名便可激活輸入框-->
    </div>

    <p>
        <label for="1">密&nbsp;&nbsp;&nbsp;碼：</label>
        <input type="password" name="password" id="1"/>
    </p>

    <p>
        <label >性&nbsp;&nbsp;&nbsp;別：</label>
        <input type="radio" name="gender" value="0" id="male"/> <label for="male">男</label>
        <input type="radio" name="gender" value="1" id="female"/> <label for="female">女</label>
    </p>

    <p>
        <label>愛&nbsp;&nbsp;&nbsp;好：</label> <!--name，value鍵值，便於後端存儲-->
        <input type="checkbox" name="like" value="study"/> 學習
        <input type="checkbox" name="like" value="languge"/> python
        <input type="checkbox" name="like" value="architecture"/> django
    </p>

    <p>
        <label>照&nbsp;&nbsp;&nbsp;片：</label>
        <input type="file" name="file" /> 

    </p>

    <p>
        <label name="introduce" >我的介紹：</label>
        <textarea ></textarea> <!--textarea多行文本框-->

    </p>

    <p>
        <label>籍貫</label>
        <select name="site"> <!--select 選擇框-->
            <option value="0">廣東</option>
            <option  value="1">臺灣</option>
            <option  value="2">澳門</option>
            <option  value="3">香港</option>
        </select>

        <input type="hidden" name="hid" value="323"> <!--hidden不顯示在頁面上-->

    </p>

    <p>
        <input type="submit" name="" value="提交">
        <!--<input type="image" src="image/海賊王.jpg" name="">--> <!--會致使提交兩次，不建議使用-->
        <input type="reset" name="" value="重置">
    </p>

</form>

</body>blog

1. html表單,表單域
2. SpringMVC表單和HTML表單
3. HTML 表單
4. HTML-表單
5. HTML表單
6. html表單
7. HTML form 表單
8. 04 HTML 表單
9. # HTML 表單
10. HTML之表單
更多相關文章...
• ASP.NET Web Pages - HTML 表單 - ASP.NET 教程
• ASP.NET Web Forms - HTML 表單 - ASP.NET 教程
• TiDB 在摩拜單車在線數據業務的應用和實踐
• JDK13 GA發佈：5大特性解讀

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。