html:(18):文本输入框，密码输入框，文本域
文本輸入框、密碼輸入框
當(dāng)用戶要在表單中鍵入字母、數(shù)字等內(nèi)容時(shí)，就會(huì)用到文本輸入框。文本框也可以轉(zhuǎn)化為密碼輸入框。
語(yǔ)法：
<form><input type="text/password" name="名稱" value="文本" /> </form>1、type：
? ?當(dāng)type="text"時(shí)，輸入框?yàn)?strong>文本輸入框;
? ?當(dāng)type="password"時(shí), 輸入框?yàn)?strong>密碼輸入框。
2、name：為文本框命名，以備后臺(tái)程序ASP 、PHP使用。
3、value：為文本輸入框設(shè)置默認(rèn)值。(一般起到提示作用)
舉例：
<form>姓名：<input type="text" name="myName"><br/>密碼：<input type="password" name="pass"> </form>?
在瀏覽器中顯示的結(jié)果：
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>文本輸入框、密碼輸入框</title> </head> <body> <form method="post" action="save.php">賬戶: <input type="text" name="myName" /><br>密碼: <input type="password" name="pass" /> </form> </body> </html>運(yùn)行結(jié)果
文本域，支持多行文本輸入
當(dāng)用戶需要在表單中輸入大段文字時(shí)，需要用到文本輸入域。
語(yǔ)法：
<textarea rows="行數(shù)" cols="列數(shù)">文本</textarea>1、<textarea>標(biāo)簽是成對(duì)出現(xiàn)的，以<textarea>開(kāi)始，以</textarea>結(jié)束。
2、cols ：多行輸入域的列數(shù)。
3、rows ：多行輸入域的行數(shù)。
4、在<textarea></textarea>標(biāo)簽之間可以輸入默認(rèn)值。
舉例：
<form method="post" action="save.php"> <label>聯(lián)系我們</label> <textarea cols="50" rows="10" >在這里輸入內(nèi)容...</textarea> </form>注意：代碼中的<label>標(biāo)簽在本章5-9中講解。
在瀏覽器中顯示結(jié)果：
注意這兩個(gè)屬性可用css樣式的width和height來(lái)代替：col用width、row用height來(lái)代替。
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>文本域</title> </head> <body> <form action="save.php" method="post" ><label>個(gè)人簡(jiǎn)介：</label><textarea cols="50" rows="10">在這里輸入內(nèi)容...</textarea><input type="submit" value="確定" name="submit" /><input type="reset" value="重置" name="reset" /> </form> </body> </html>運(yùn)行結(jié)果
總結(jié)
以上是生活随笔為你收集整理的html:(18):文本输入框，密码输入框，文本域的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： php留言板记录ip,如何用php程序记
- 下一篇： 软件分享 | 第十二期 yoco文库下载