HTML表單input控件1

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>input控件</title>
</head>
<body>
    <form action="register.action" id="oneForm">
        用戶名:
            <input type="text" name="username" value="briup"><br>
        用戶名:
            <input type="text" name="username1" placeholder="briup"><br>
        密碼:
            <input type="password" name="password"><br>
        確認密碼:
            <input type="password" name="password1"><br>
        性別:
            <input type="radio" name="gender" value="male" id="maleInput">
            <label for="maleInput">男</label>
            <input type="radio" name="gender" value="female" id="femaleInput">
            <label for="femaleInput">女</label>
            <br>
        愛好:    
            <input type="checkbox" name="hobby" value="basketball">籃球
            <input type="checkbox" name="hobby" value="singing">唱歌
            <input type="checkbox" name="hobby" value="swimming">游泳
            <br>
        籍貫:
            <select name="address" id="" multiple size="7">
                <option value="">請選擇</option>
                <option value="上海">上海</option>
                <option value="江蘇">江蘇</option>
                <option value="山西">山西</option>
                <option value="北京">北京</option>
            </select>
            <br>
        個人簡介:
            <textarea name="info" id="" cols="30" rows="10" placeholder="請輸入個人簡介,不少於30字"></textarea>
            <br>
            
            <input type="submit" value="提交">
            <input type="button" value="btn-input">
            <button>btn-btn</button>
            <button type="submit">submit-btn</button>
            <button type="reset">reset-btn</button>
            <input type="reset" value="重置">
    </form>
    <button type="submit" form="oneForm">外-btn</button>
</body>
</html>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章