1.實驗:
form、input、label
登錄界面,表單填寫界面
2.IDE:VSCODE?
3.記錄:?
4.代碼:
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>表單</title>
</head>
<body><form action="#"> <!DOCTYPE html action后填入網址,表示表單填完之后上交的地址><span>用戶名<input type="text" placeholder="請輸入內容"> <!DOCTYPE html輸入提示></span><br><br><br><span>密碼<input type="text" value="請輸入內容"> <!DOCTYPE html預填入></span><br><br><br><label for="">驗證碼</label> <!DOCTYPE html label僅限于與input使用><input type="text" placeholder="請輸入驗證碼"> <br><br><br><label for="">性別</label> <input type="radio">男 <!DOCTYPE html輸入選擇,可以多選><input type="radio">女<input type="radio">其他<br><br><br><label for="">性別</label> <input type="radio" name="gender">男 <!DOCTYPE html輸入選擇,不可以多選><input type="radio" name="gender">女<input type="radio" name="gender">其他<br><br><br><span>密碼<input type="password" value="請輸入內容"> <!DOCTYPE html輸入不可見(密碼)></span><br><br><br><label for="">愛好</label> <input type="checkbox">唱歌 <!DOCTYPE html輸入選擇,可以多選><input type="checkbox">跳舞<input type="checkbox">RAPPER<br><br><br> <input type="submit" value="提交"> <!DOCTYPE html提交></form>
</body>
</html>