1. 程式人生 > 其它 >表單form

表單form

表單<formaction="a.jsp" method="get/post" enctype="application/x-www-form-urlencoded預設 /multipart/form-data不對字元編碼,用於檔案上傳 /text/plain將空格轉為+,用於表單傳送到電子郵件">

novalidate="true"提交不驗證  autocomplete="on/off"表單自動完成功能  id="form1"

<inputtype="text/password/checkbox/radio/submit/reset/file/email/number/url/hidden/image/button" name="username/phone" value="伺服器接收的資料"size="畫素"maxlength="最大字元"checked選中/>

文字框<inputtype="text"name="fname" value="輸入框的預設值"placeholder="輸入框的提示資訊"tabindex="1"tab鍵跳轉順序checked預設選中 disabled使控制元件不可用/>  

密碼框<input type="password" name="sname" size="30"hidden="hidden"隱藏控制元件 form="form1" />新屬性form可以指定跟隨那個表單提交資料

單選按鈕<inputtype="radio" name="gender" value="man"checked/>男<inputtype="radio" name="gender" value="female" />女

複選框<input type="checkbox" name="interest" value="sports" />運動 <input type="checkbox" name="interest" value="talk" />聊天

隱藏筐<input type="hidden" name="username" value="1234" />

<input type="color/date/email/number/range滑塊/search" name="test" />

檔案上傳按鈕<input type="file" />

表單提交按鈕<input type="submit" value="登入" />

重置按鈕<input type="reset" value="重置" />

圖形提交按鈕<input type="image" src="url" value="" />

普通按鈕<input type="button" value="Click Me" onclick="alert("Don't boring me");" />

列表框<select name="car" size="下拉顯示行數" multiple設定多選><option value="BMW"title="滑鼠懸浮提示"selected預設選中>寶馬</option><option value="audio">奧迪</option></select>

<optgroup label="分組名"> <option></option> </optgroup>

文字域<textareareadonly設定只讀disabled禁用>多用於論壇回覆的文字框、部落格的留言板等</textarea>

</form>