天天看點

智能表單(表單補充)

在h5中,表單元素可以放在form表單之外,通過form屬性和表單進行關聯通過關聯,form表單之外的表單元素也可以把資料送出      
<form action="" id="lk" method="get">
    姓名:
    <input type="text" name="name"/>
    <input type="submit"/>
</form>
    密碼:
<input type="password" name="pwd" form="lk"/>
           

form和table的結合

<form action="">
    <table>
        <tr>
            <td>
                登入名:
            </td>
            <td>
                <input type="text"/>(可包含a-z,0-9和下劃線)
            </td>
            <td>閱讀</td>
        </tr>
        <tr>
            <td>
                密碼:
            </td>
            <td>
                <input type="password"/>(至少包含6個字元)
            </td>
            <td rowspan="8">
                <textarea name="suggest" cols="20" rows="15"></textarea>
            </td>
        </tr>
        <tr>
            <td>
                确認密碼:
            </td>
            <td>
                <input type="password"/>(至少包含6個字元)
            </td>
        </tr>
        <tr>
            <td>
                電子郵箱:
            </td>
            <td>
                <input type="email"/>(必須包含@個字元)
            </td>
        </tr>
        <tr>
            <td>
                性别:
            </td>
            <td>
                <input type="radio" name="sex" value="man"/>男
                <input type="radio" name="sex" value="women"/>女
            </td>
        </tr>
        <tr>
            <td>
                頭像:
            </td>
            <td>
                <input type="file"/>
            </td>
        </tr>
        <tr>
            <td>
                愛好:
            </td>
            <td>
                <input type="checkbox" name="hobby" value="pe"/>運動
                <input type="checkbox" name="hobby" value="c"/>聊天
                <input type="checkbox" name="hobby" value="g"/>打遊戲
            </td>
        </tr>
        <tr>
            <td>
                喜歡的城市:
            </td>
            <td>
                <select name="city">
                    <option value="請選擇">請選擇</option>
                    <option value="山東">山東</option>
                    <option value="山西">山西</option>
                </select>
            </td>
        </tr>
        <tr>
            <td colspan="2" align="center">
                <input type="submit" value="同意右側服務條款送出注冊資訊" style="color: darkgrey"/>
                <input type="reset" value="重填"/>
            </td>
        </tr>
    </table>
</form>