HTML中input參數,多行文本textarea說明,以及獲取和設置的方法

input 的所有類型和屬性說明

(本文是使用的Jquery實現的)

除了特別說明: 獲取和設置屬性和樣式的值可以統一用:

屬性如:
    name,value,type,id等
獲取:
    $("#text").attr('屬性名')
設置:
    $("#text").attr({屬性:"值",屬性:"值"})

獲取和設置在css裏面的屬性:

屬性如:
    color,background,font等
獲取
    $("#text").css("color")
設置:
    $("#text").css({屬性:"值",屬性:"值"})

---

---

第一種文本類型or密碼類型

<input type="text" id="text" value="文本框默認顯示" name="user">
$("#text").val() //獲取文本框的輸入

// 設置默認顯示
$("#text").attr({value:"默認顯示值"})

第二種多選框

//返回true這該選項被選中,否則未被選中
$("#checkbox").prop('checked')  

// 設置id爲checkbox的選擇默認是選中的
$("#checkbox").prop({checked:true})

第三種單選(注意這個val()獲取的值其他的有區別)

單選input的name屬性應該設置爲相同的值

$("#radio1").val()  // 獲取的是value裏面的值

//返回true這該選項被選中,否則未被選中
$("#radio1").prop('checked')

// 設置id爲radio1的單選框默認是選中的
$("#radio1").prop({checked:true})

多行文本

$("#many").val() // 獲取文本框裏面的值

// 如果想設置默認值,執行寫在下面就可以了
<textarea id="many" >這裏是默認值</textarea>

上面說明所用到的僞代碼

    文本<input type="text" id="text" value="默認值" name="user">
    密碼<input type="password" id="password" value="">
    按鈕<input type="button" id="button" value="按鈕">
    多選1<input type="checkbox" class="checkbox" value="一">
    多選2<input type="checkbox" id="checkbox" value="二">
    多行文本<textarea id="many" >wowow</textarea>
    單選1<input type="radio" id="radio1" value="22" name="a">
    單選2<input type="radio" id="radio2" value="11" name="a">