HTML+CSS:表單 03
來源:我的學(xué)習(xí)筆記
input元素及屬性


單行文本輸入框<input type="text"/> 單行文本輸入框常用來輸入簡短的信息。
密碼輸入框<input type="password"/>密碼輸入框用來輸入密碼,其內(nèi)容將以小圓點的形式顯示。
單選按鈕<input type="radio"/>單項按鈕用于單項選擇,可以用checked屬性,指定默認選中項
復(fù)選框<input type="checkbox">
普通按鈕<input type="button">
提交按鈕<input type="submit">
重置按鈕<input type="reset">
圖像形式的提交按鈕<input type="image">
隱藏域<input type="hidden">用戶看不見,通常用于后臺程序
文件域<input type="file">

代碼案例:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>input元素及屬性</title>
</head>
<body>
<form action="#" method="post">
user:<input type="text"value="lisa" maxlength="6" /><br /><br />
password:<input type="password" size="40" /><br /><br />
sex:<input type="radio"name="sex"checked="checked" />male
<input type="radio"name="sex" />female<br /><br />
interest:<input type="checkbox" />dance
<input type="checkbox" />rap
<input type="checkbox" />basketball<br /><br />
updoad the image<input type="file" /><br /><br />
<input type="submit" />
<input type="reset" />
<input type="button" value="普通按鈕"/>
<input type="image" src="img/image01.jpg"/><!--以自己的圖片地址為例-->
<input type="hidden" />
</form>
</body>
</html>