HTML復選框


①將type類型設為"checkbox"
②name=""用來設置變量名
③value=""用來設置變量默認值
④<input>此處設置需要顯示的內容<br>
 
代碼示例:
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>html復選框</title>
</head>
<body>
    <form>
        <label>請選擇你喜歡的水果:</label><br>
        <input type="checkbox" name="apple" value="蘋果">蘋果<br>
        <input type="checkbox" name="banana" value="香蕉">香蕉<br>
        <input type="checkbox" name="orange" value="橙子">橙子<br>
        <input type="checkbox" name="melon" value="西瓜">西瓜<br>
        <input type="submit">
    </form>
</body>
</html>

運行截圖:

 

 


免責聲明!

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



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