Mark Chou的部落格

 個人常用網頁筆記(附範例)

<input type="text" name="名稱" size="20" />
為文字方法加上預設值：
<input type="text" name="名稱" size="20" value="預設值" />
修改文字方塊寬度：
<input type="text" name="名稱" size="20" />
設定最大輸入字數：
<input type="text" name="名稱" size="20" maxlength="8" />

範例:

限制輸入字範例(5):

<input type="password" name="psd" size="20" />
為密碼輸入方法加上預設值：
<input type="password" name="psd" size="20" value="abcde" />
修改密碼輸入方塊寬度：
<input type="password" name="pwd" size="20" />

範例:

<textarea name="comment" rows="2" cols="20">內容</textarea>
為文字方法加上預設值：
<textarea name="comment" rows="2" cols="20">內容</textarea>
修改文字區域行數：
<textarea name="comment" rows="2" cols="20">內容</textarea>
修改文字區域寬度：
<textarea name="comment" rows="2" cols="20">內容</textarea>

範例:內容

<input type="file" name="upload" size="20" />
修改檔案上傳選取工具寬度：
<input type="file" name="upload" size="20" />

範例:

<input type="button" name="名稱" value="我是一個按鈕" />
修改按鈕中的文字
<input type="button" name="名稱" value="我是一個按鈕" />

範例:

<input type="submit" name="按鈕名稱" value="按此提交" />
修改按鈕中的文字：
<input type="submit" name="按鈕名稱" value="按此提交" />

範例:

<input type="reset" name="按鈕名稱" value="取消重寫" />
修改按鈕中的文字：
<input type="reset" name="按鈕名稱" value="取消重寫" />

範例:

<input type="checkbox" name="按鈕名稱" value="cake" />
修改核取方塊的值：
<input type="checkbox" name="按鈕名稱" value="cake" />
預設核取方塊為已勾選：
<input type="checkbox" name="按鈕名稱" value="cake" checked="checked" />

範例: 選項A選項B

<input type="radio" name="按鈕名稱" value="man" />
修改選項按鈕的值：
<input type="radio" name="按鈕名稱" value="man" />
預設選項按鈕為已勾選：
<input type="radio" name="按鈕名稱" value="man" checked="checked" />
EX:
男 <input type="radio" name="sex" value="man" />
女 <input type="radio" name="sex" value="woman" />

 範例: 男   女

修改size 下拉式清單方塊的顯示行數
<select size="1" name="from">
設定為允許多項選擇：
<select size="4" name="from" multiple="multiple">
設定預設選項值（只能設置一個）：
<option value="傳送值1" selected="selected">說明(顯示在頁面上1)</option>
設定選項值：
<option value="傳送值1">說明(顯示在頁面上1)</option>
EX:
<select size="1" name="from">
<option value="傳送值1">說明(顯示在頁面上1)</option>
<option value="傳送值2">說明(顯示在頁面上2)</option>
<option value="傳送值3">說明(顯示在頁面上3)</option>
</select>

 範例: 說明(顯示在頁面上1) 說明(顯示在頁面上2) 說明(顯示在頁面上3)

<SELECT>
<OPTGROUP label="麵包">
<OPTION selected>起司麵包</OPTION>
<OPTION>菠蘿麵包</OPTION>
<OPTION>草莓麵包</OPTION>
<OPTION>布丁麵包</OPTION>
</OPTGROUP>
<OPTGROUP label="蛋糕">
<OPTION>奶油布丁蛋糕</OPTION>
<OPTION>冰淇淋蛋糕</OPTION>
<OPTION>水果蛋糕</OPTION>
</OPTGROUP>
</SELECT>

 本文筆記取自:http://yudans.net/html/index.php?action=code&z=3&num=6