表單標(biāo)簽
什么是表單？
我們先對一個(gè)事物有一個(gè)形象的認(rèn)識：
例如網(wǎng)易的注冊頁面
例如淘寶的注冊頁面：
抽象到定義中去
表單是專門用來收集用戶信息的嫂丙。
什么是表單元素蒋川？
波利亞曾經(jīng)說過饵撑，你是否知道一個(gè)更普遍的問題势誊？我認(rèn)為他的這條建議對于我們理解特殊的概念是有用的呜达，當(dāng)你理解一個(gè)更大的概念時(shí)，你可能對一個(gè)特殊的概念更容易理解粟耻。所以在這里元素是一個(gè)比表單元素更大概念查近，但我們理解了，表單元素就理解了挤忙。
什么是元素嗦嗡？
在html中，標(biāo)簽饭玲、標(biāo)記、元素都是指html中的標(biāo)簽
例如<table>? table標(biāo)簽/table標(biāo)記/table元素
例如 <a> a標(biāo)簽 /a標(biāo)記/a元素
表單元素的定義：是html一些標(biāo)簽叁执，只不過標(biāo)簽比較特殊茄厘，其一特殊的外觀和默認(rèn)功能矮冬。
表單的格式
<form><表單元素></form>
表單的元素的分類
input標(biāo)簽:有一個(gè)type屬性，這個(gè)屬性有很多類型的取值次哈。取值的不同就決定了input標(biāo)簽的功能和外觀胎署。
例1 明文輸入框：<form><input type="text"/></form>
例2 暗文輸入框：<form><input type="password"/></form>
例3? ?綜合案例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>表單</title>
</head>
<body>
<form>賬號：<input type="text"/><br/>
密碼：<input type="password"/></form>
</body>
</html>
運(yùn)行結(jié)果如下圖所示：
例4 給輸入框設(shè)置默認(rèn)值。
<form>
賬號：<input type="text" value="inj"/><br/>
密碼：<input type="password" value="123"/>
</form>
運(yùn)行結(jié)果如圖所示：
例5? ? 單選框
性別：<input type="radio" value=""/>男?<input type="radio" value=""/>女
代碼如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>表單</title>
</head>
<body>
<form>
賬號：<input type="text" value="inj"/><br/>
密碼：<input type="password" value="123"/><br/>
性別：<input type="radio" value="" name="human"/>男 <input type="radio" value="" name="human"/>女
</form>
</body>
</html>
我們怎么解決這個(gè)問題窑滞？
在這里琼牧，我們需要用到name屬性，要想單選框互相排斥那么必須給每一個(gè)單選框標(biāo)簽設(shè)置一個(gè)那么屬性哀卫，然后name屬性設(shè)置相同的值才可以實(shí)現(xiàn)巨坊。
代碼如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>表單</title>
</head>
<body>
<form>
賬號：<input type="text" value="inj"/><br/>
密碼：<input type="password" value="123"/><br/>
性別：<input type="radio" value="" name="human"/>男 <input type="radio" value="" name="human"/>女
</form>
</body>
</html>
運(yùn)行的結(jié)果如圖所示：
溫伯格說：“一旦頭號問題解決，你就讓二號問題升級了”現(xiàn)在又存在一個(gè)問題此改，就是如何讓單選框默認(rèn)選中某一個(gè)框子趾撵？
解決方案：給input標(biāo)簽添加一個(gè)checked屬性。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>表單</title>
</head>
<body>
<form>
賬號：<input type="text" value="inj"/><br/>
密碼：<input type="password" value="123"/><br/>
性別：<input type="radio" value="" name="human"/>男 <input type="radio" value="" name="human" checked="checked"/>女
</form>
</body>
</html>
運(yùn)行結(jié)果：默認(rèn)選擇女
例5?多選框
愛好：
<input type="checkbox"/>籃球
<input type="checkbox"/>足球
<input type="checkbox"/>兵乓球
<input type="checkbox" checked="checked"/>羽毛球
運(yùn)行結(jié)果如圖所示：
