html:(18):文本输入框，密码输入框，文本域
生活随笔
收集整理的這篇文章主要介紹了
html:(18):文本输入框，密码输入框，文本域
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
文本輸入框、密碼輸入框
當用戶要在表單中鍵入字母、數字等內容時，就會用到文本輸入框。文本框也可以轉化為密碼輸入框。
語法：
<form><input type="text/password" name="名稱" value="文本" /> </form>1、type：
? ?當type="text"時，輸入框為文本輸入框;
? ?當type="password"時, 輸入框為密碼輸入框。
2、name：為文本框命名，以備后臺程序ASP 、PHP使用。
3、value：為文本輸入框設置默認值。(一般起到提示作用)
舉例：
<form>姓名：<input type="text" name="myName"><br/>密碼：<input type="password" name="pass"> </form>?
在瀏覽器中顯示的結果：
<!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>運行結果
文本域，支持多行文本輸入
當用戶需要在表單中輸入大段文字時，需要用到文本輸入域。
語法：
<textarea rows="行數" cols="列數">文本</textarea>1、<textarea>標簽是成對出現的，以<textarea>開始，以</textarea>結束。
2、cols ：多行輸入域的列數。
3、rows ：多行輸入域的行數。
4、在<textarea></textarea>標簽之間可以輸入默認值。
舉例：
<form method="post" action="save.php"> <label>聯系我們</label> <textarea cols="50" rows="10" >在這里輸入內容...</textarea> </form>注意：代碼中的<label>標簽在本章5-9中講解。
在瀏覽器中顯示結果：
注意這兩個屬性可用css樣式的width和height來代替：col用width、row用height來代替。
<!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>個人簡介：</label><textarea cols="50" rows="10">在這里輸入內容...</textarea><input type="submit" value="確定" name="submit" /><input type="reset" value="重置" name="reset" /> </form> </body> </html>運行結果
總結
以上是生活随笔為你收集整理的html:(18):文本输入框，密码输入框，文本域的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： php留言板记录ip,如何用php程序记
- 下一篇： 软件分享 | 第十二期 yoco文库下载