HTML/表單：修訂版本之間的差異
出自六年制學程
（→可使用文字輸入的單行文字方塊） |
|||
| 第 6 行： | 第 6 行： | ||
#建立一個可輸入單行文字的表單欄位 | #建立一個可輸入單行文字的表單欄位 | ||
#*屬性：type | #*屬性：type | ||
| − | #*<input type= | + | #*<input type='text' /> |
#指定單行文字表單的欄位名稱 | #指定單行文字表單的欄位名稱 | ||
#*屬性：name | #*屬性：name | ||
| − | #*<input type= | + | #*<input type='text' name='欄位名稱' /> |
#指定單行文字方塊欄位可輸入的文字數 | #指定單行文字方塊欄位可輸入的文字數 | ||
#*屬性：maxlength | #*屬性：maxlength | ||
| − | #*<input type= | + | #*<input type='text' name='欄位名稱' maxlength=12 /> (值設定12則可輸入字元數就是12) |
#指定單行文字表單的欄位寬度 | #指定單行文字表單的欄位寬度 | ||
#*屬性：size | #*屬性：size | ||
| − | #*<input type= | + | #*<input type='text' name='欄位名稱' maxlength=12 size=欄位的字元寬度 /> |
#設定欄位唯讀模式 | #設定欄位唯讀模式 | ||
#*屬性：readonly | #*屬性：readonly | ||
| − | #*<input type= | + | #*<input type='text' name='欄位名稱' maxlength=12 size=欄位的字元寬度 readonly={true,false} /> |
| + | |||
| + | ===密碼欄位=== | ||
| + | #指定欄位內容為密碼格式 | ||
| + | #*屬性：type | ||
| + | #*<input type='password' /> | ||
2015年12月25日 (五) 14:39的修訂版本
很多網站都要填寫基本資料，或是留言板，都是用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} />
密碼欄位
- 指定欄位內容為密碼格式
- 屬性：type
- <input type='password' />
