基本屬性和表單

表單元素

語法

<form method="post" action="">

<input type="text" value="文本框初始值" size="文本框尺寸" name="文本框名字"/>

</form>

表單元素<input>的屬性

1.【type】 制定表單元素的類型,可用的選擇項有text、password、checkbox、radio、submit、reset、file、hidden、

image、button默認爲text】;

2.【name】制定表單元的名稱;

3.【value】制定表單元素的初始值;

4.【size】制定表單元素的處置寬度、如果type爲text或者password,則表單元素的大小以字符爲單位,對於其他元素

寬度以像素爲單位;

5.【maxlength】制定可在text或者password元素中輸入的最大字符數,默認不做限制;

6.【checked】 此屬性只有一個值,爲“checked”表示選中狀態,如果不選中,則不需添加次屬性

表單元素<input>的用法

【text】 單行文本輸入 <input type="text" name="username"/>

【password】 密碼 <input type="password" name="password"/>

【radio】 單選 <input type="radio" name="sex" value="男"/>男

                         <input type="radio" name="sex" value="女"/>女

【checkbox】 多選 <input type="checkbox" name="hobby" value="書"/>書

                               <input type="checkbox" name="hobby" value="畫"/>畫

                              <input type="checkbox" name="hobby" value="琴"/>琴

【reset】 重置表單數據 <input type="reset"  value="重置"/>

【file】文件上傳 <input type="file" name="files" />

【submit】 提交表單數據 <input type="submit"  value="提交"/>

【image】 圖形提交按鈕<input type="image" src="images/button.gif"/>

【button】 普通按鈕 <input type="button"  value="播放音樂"/>

下拉列表框

語法:

<select name="指定列表名稱" size="行數">

<option value="可選擇的值" seleted="seleted">...</option>

<option value="可選擇的值" >...</option>

......

</select>

多行文本域

語法:

<textarea name="textarea" cols="40" rows="6">初始文本內存</textarea>

隱藏域

語法:

<input type="hidden" name="userid" value="666"/>

只讀和禁用屬性

語法:

readonly="readonly"

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章