1. 程式人生 > 實用技巧 >javaWeb基礎筆記(一)

javaWeb基礎筆記(一)

表單 作用:收錄使用者資訊
每一個表單是form 屬性: action=""介面地址 name=""表單的名稱 method="get/post"資料提交方式 表單元素: 1、文字框(輸入框)<inputtype="text"> 2、密碼框<inputtype="password"> 3、提交按鈕<inputtype="submit"> 4、重置按鈕<inputtype="reset"> 5、空按鈕<inputtype="button"> 6、單選按鈕<inputtype="radio">注:每一組單選按鈕,name屬性保持一致 7、多選按鈕<inputtype="checkbox"> 8、上傳檔案框<inputtype="file"> 9、下拉選單<select> <optionselected></option> </select> 10、多行文字域<textarea></textarea> cols="30"rows="10"字元為單位的寬高 禁止使用者推拽框的大小resize:none;CSS屬性


input裡面的屬性: type屬性:決定了input在表單裡面的顯示狀態 value屬性:根據input顯示狀態不同,作用也是不一樣的、input的值 maxlength屬性:內容的最大的長度 name屬性:當前表單元素的名稱 size屬性:字元為單位控制input的大小

單選、多選按鈕的屬性: 預設選中:checked="checked" 禁止選中:disabled="disabled"
<
body> <form action=""> <!-- <input type="text" value="請輸入您的姓名" maxlength="5" > --> <input type="text" name="userNmae"> <hr> <input type="password"> <hr> <input type="submit"> <input type
="reset"> <input type="button" value="空按鈕"> <hr> 性別: <input type="radio" name="sex" disabled><input type="radio" name="sex" checked><hr> 愛好: <input type="checkbox">運動 <input type="checkbox" checked>
<input type="checkbox"><input type="checkbox"><input type="checkbox" disabled>寫程式碼 <hr> <input type="file"> <hr> <select name="" id=""> <option value="1990">1990</option> <option value="1991">1991</option> <option value="1992">1992</option> <option value="1993">1993</option> <option value="1994">1994</option> <option value="1995" selected>1995</option> </select> <hr> <textarea name="" id="" cols="30" rows="10"></textarea> </form> <!-- <button>按鈕</button> --> </body>