4 0 表單元素的相關操作

一、表單元素的獲取

1）獲取表單

var forminfo = document.getelementbyid(『forminfo』)

2）獲取表單的某乙個 通過name屬性值

forminfo.username

3）獲取很多單選框 通過name屬性值

forminfo.rad

3)獲取很多核取方塊 通過name屬性值

forminfo.box

4）獲取重置按鈕和提交按鈕 通過name屬性值

forminfo.submit

forminfo.reset

二、表單事件

1）提交事件

forminfo.οnsubmit=function(){}

2)重置事件

forminfo.οnreset=function(){}

三、input輸入框的事件 和方法

1）forminfo.username.οnfοcus=function(){} //獲得焦點 事件

1）forminfo.username.focus() //方法

2) forminfo.username.οnblur=function(){} //失去焦點

2）forminfo.username.blur() //方法

"" method=

"get" id=
"forminfo"
>
賬號：="text" name=
'username'
>
> 密碼:
="text" name=
"passworld"
>
>
="submit" value=
"提交" name=
"submit"
>
="reset" value=
"重置" name=
"reset"
>
<
/form>
//獲取表單
var forminfo = document.
getelementbyid
('forminfo'
)//獲取表單裡的賬號
//表單.username
// console.log(forminfo.username)
// console.log(forminfo.passworld)
// console.log(forminfo.submit)
// console.log(forminfo.reset)
// console.log(forminfo.rad) //[input, input, input, input, value: ""] //四個單元按鈕
// console.log(forminfo.box) //[input, input, input, input, value: ""] //四個複選按鈕
// for (var i = 0; i < forminfo.rad.length; i++) 
//表單提交事件
forminfo.onsubmit =
function
(event)
if(forminfo.passworld.value.
trim()
=='')}
//表單重置事件
forminfo.onreset =
function()
<
/script>

="text"

>
>
="text"
>
>
="text"
>
>
="text"
>
>
="text"
>
>
//焦點事件 
// 失去焦點 onblur
// 獲取焦點 onfocus
// var inp = document.getelementsbytagname('input')[0]
// //獲取焦點時
// inp.onfocus = function() 
// inp.onblur = function() 
var inp = document.
getelementsbytagname
('input'
)for
(var i =
0; i < inp.length; i++
)            inp[i]
.onblur =
function()
}<
/script>

="text" value=

"23456789"
>
選中<
/button>
var inp = document.
getelementsbytagname
('input')[
0]var btn = document.
getelementsbytagname
('button')[
0]// inp.onselect = function() {}//選中事件 //當做方法來用
btn.onclick =
function()
<
/script>

表單元素的操作總結

關於表單元素的各種操作總結，以備日後查閱。input輸入框 testinput name gender title 性別 獲取值 testinput val 設定值 testinput val 男 設定唯讀 testinput attr readonly readonly textarea text...

6 3 selenium操作表單元素

selenium可以驅動瀏覽器來執行一些操作，也就是說可以讓瀏覽器模擬執行一些動作。比較常見的用法有 輸入文字時用send keys 方法，清空文字時用clear 方法，點選按鈕時用click 方法。示例如下 1 selenium操作表單元素 2 常見的表單元素 3 input type text ...

jQuery對from表單元素的操作

最近接觸jquery比較多。其對form的操作跟js還是一定區別的。總之jquery功能強大，值得一學。取得下拉列表的選取值 testselect option selected text 或 testselect find option selected text 或 testselect val...