HTML/表單：修訂版本之間的差異
出自六年制學程
（→可使用文字輸入的單行文字方塊） |
|||
| 第 6 行： | 第 6 行： | ||
#建立一個可輸入單行文字的表單欄位 | #建立一個可輸入單行文字的表單欄位 | ||
#*屬性：type | #*屬性：type | ||
| − | #*<input type=''text''> | + | #*<input type=''text'' /> |
#指定單行文字表單的欄位名稱 | #指定單行文字表單的欄位名稱 | ||
#*屬性：name | #*屬性：name | ||
| − | #*<input type=''text'' name=''欄位名稱''> | + | #*<input type=''text'' name=''欄位名稱'' /> |
#指定單行文字方塊欄位可輸入的文字數 | #指定單行文字方塊欄位可輸入的文字數 | ||
#*屬性：maxlength | #*屬性：maxlength | ||
| − | #*<input type=''text'' name=''欄位名稱'' maxlength=''12''> | + | #*<input type=''text'' name=''欄位名稱'' maxlength=12 /> (值設定12則可輸入字元數就是12) |
| + | #指定單行文字表單的欄位寬度 | ||
| + | #*屬性：size | ||
| + | #*<input type=''text'' name=''欄位名稱'' maxlength=12 size=欄位的字元寬度 /> | ||
| + | #設定欄位唯讀模式 | ||
| + | #*屬性：readonly | ||
| + | #*<input type=''text'' name=''欄位名稱'' maxlength=12 size=欄位的字元寬度 readonly={true,false} /> | ||
2015年12月25日 (五) 14:17的修訂版本
很多網站都要填寫基本資料，或是留言板，都是用form(表單)構成的網頁。最大的特色就是可以讓使用者輸入資料，或從預先設定的選項中進行選擇，資料送出之後就會送到伺服器資料庫裡。
可使用文字輸入的單行文字方塊
- 建立一個表單欄位
- <input>.....</input>
- 建立一個可輸入單行文字的表單欄位
- 屬性：type
- <input type=text />
- 指定單行文字表單的欄位名稱
- 屬性：name
- <input type=text name=欄位名稱 />
- 指定單行文字方塊欄位可輸入的文字數
- 屬性：maxlength
- <input type=text name=欄位名稱 maxlength=12 /> (值設定12則可輸入字元數就是12)
- 指定單行文字表單的欄位寬度
- 屬性：size
- <input type=text name=欄位名稱 maxlength=12 size=欄位的字元寬度 />
- 設定欄位唯讀模式
- 屬性：readonly
- <input type=text name=欄位名稱 maxlength=12 size=欄位的字元寬度 readonly={true,false} />
