html的標簽可以分為: 塊級標簽:div(白板),H系列(加大加粗,H1—H7,字體一般逐漸變小,一般用作標題),p標簽(段落之間有間距) 行內標簽:span(白板) 此外,標簽之間是可以嵌套的。為何存在標簽,是為了實現css和js操作(後續會學到)。 input系列的標簽: input type ...
html的標簽可以分為:
塊級標簽:div(白板),H系列(加大加粗,H1—H7,字體一般逐漸變小,一般用作標題),p標簽(段落之間有間距)
行內標簽:span(白板)
此外,標簽之間是可以嵌套的。為何存在標簽,是為了實現css和js操作(後續會學到)。
input系列的標簽:
input type="text"
---name屬性 value屬性 (用於輸入文本數據,輸入框是固定的大小)
input type="password"
---name屬性 value屬性 (用於輸入密碼)
input type="submit"
--- value屬性 (用於提交)
input type="button"
--- value屬性 (只是按鈕的功能)
input type="radio"
---單選框 value,checked="checked"(表示預設的屬性) ,name屬性(name相同表示互斥)
input type="checkbox"
---覆選框 value,checked="checked"(表示預設的屬性) ,name屬性(name相同批量獲取數據)
input type="file"
---value屬性,需要依賴form表單的一個屬性,enctype="multipart/form-data"
input type="reset"
---重置數據
<textarea>預設值<textarea/>
---通過傳遞name屬性,可以將文本上傳,與input type="text"稍微有差異,就是其文本框會根據輸入文本的大小進行適配。
select 標簽
---name,可以實現下拉菜單的選擇。option value="1",可以根據value提交到後臺,同時可以根據設置size來顯示菜單個數,multiple可以實現多個選擇。通過selected="selected"可以實現預設值選擇。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <h1> 個人信息調查表 </h1> <form enctype="multipart/form-data"> <div> <p>請選擇城市:</p> <select name="city"> <option value="1">杭州</option> <option value="2" selected="selected">西安</option> <option value="3">上海</option> <option value="4">深圳</option> </select> <p>請選擇性別:</p> 男:<input type="radio" name="gender" value="1" /> 女:<input type="radio" name="gender" value="2" /> <p>請選擇愛好:</p> 籃球:<input type="checkbox" name="favor" value="1"/> 足球:<input type="checkbox" name="favor" value="2"/> 羽毛球:<input type="checkbox" name="favor" value="3"/> <p>請選擇文件:</p> <input type="file" value="filename"/> <p>請輸入:</p> <textarea name="text">asd</textarea> </div> <input type="submit" value="提交"/> <input type="reset" value="重置"/> </form> </body> </html>