form表單之select標簽


checked  默認勾選

disabled  禁用,對所用input都好使

select標簽(下拉選標簽)

省份和市級聯動,用JS技術

option選項

multiple可以多選  size="2"設置多選的最大個數

name表單提交項的鍵

<label>點擊文字進入文本框  <fieldset>樣式

type="submit"是提交內容的動作

文本輸入框要有name鍵,可以有value值

單選框、多選框標簽要有name鍵和value值

<texyarea>文本域  name表單提交項的鍵  cols文本域的列數  rows文本域的行數

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>


<h1>注冊頁面</h1>

<form action="http://127.0.0.1:8090/index" method="post" enctype="multipart/form-data">

    <p>姓名<input type="text" name="username" placeholder="姓名"></p>
    <p>密碼<input type="password" name="password" placeholder="密碼" readonly="readonly"></p>
    <p>愛好:    音樂<input type="checkbox" name="hobby" value="music" checked="checked">電影<input type="checkbox" name="hobby" value="movie"></p>

    <p>性別:     男<input type="radio" name="gender" value="men"><input type="radio" name="gender" value="women"></p>

    <p><input type="file" name="put_file"></p><select name="province">
            <optgroup label="河北省">
                        <option value="beijing">邯鄲</option>
                        <option value="hebei">廊坊</option>
                        <option value="henan" selected="selected">唐山</option>
                        <option value="shanxi">保定</option>
            </optgroup>


      </select>

    簡介<textarea name="desc" rows="10" cols="20"></textarea>

    <p><input type="reset" value="重置"></p>
    <a href="http://www.xiaohuar.com" target="_blank">校花網<img src="123.png" alt=""></a>
    <p><input type="button" value="提交注冊"></p>
    <p><input type="submit" value="提交注冊"></p>

</form>


<!--{"username":"yuan","password":1234,"hobby":["music","movie"],"gender":["men"]}-->



</body>
</html>
View Code


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM