DOM(四) 表单(Form)操作

1. 创建表单元素是为了满足用户向服务器发送数据的要求,Web表单使用的Html元素有<form/>,<input/>,<select/>,<textarea/>等
2. <form/>用来向服务器传输数据,它的属性有:
    method   表示浏览器发送GET请求或是发送POST请求。
    action      表示表单所要提交到的地址URL。
    enctype   当向服务器提交数据时,数据应该使用的编码方法,默认是application/x-www-url-encoded,不过,如果要上传文件,可以设置multipart/form-data
    accept    当上传文件时候,列出服务器能正确处理的mime类型。
    accept-charset   当提交数据时,列出服务器接受的字符编码。

3. <input/>元素是Html的主要输入元素。通过type特性来判断是哪种输入控件:
    “text"
    "radio"
    "checkbox"
    "file"
    "password"
    "button"
    "submit"
    "reset"
    "hidden"
    "image"

4. 获取Form使用 document.getElementById() 或者 document.forms["formId"], document.forms[0].

5. 获取Form上的输入字段 oForm.elements[0], oForm.elements["textbox1"], oForm.textbox1, oForm["textbox1"]

6. Form 上的方法: form.submit(), form.reset()

7. <input/>有一些属性:
    <input type="text" validchars = ”0123456789“/>
    <input type="text" invalidchars = ”0123456789“/>
    控制input可以输入的字符,除了设置上面的属性,还要考虑用户paste,
    在IE里面,可以直接<input text="text" οnpaste="return false"/>
    对于其它的浏览器,需要组织菜单paste和Ctrl + V来paste
    <input type="text" invalidchars="0123456789" οnpaste="return false" οncοntextmenu="return false"
       οnkeypress="return blcokchars(this, event, true)/>
function  blockChars(oTextbox, oEvent, bBlockPaste)
{
    
var sInvalidChars = oTextbox.getAttribute("invalidchars");
    
var sChar = String.fromCharCode(oEvent.charCode);
    
var bIsValidChar = sInvalidChars.indexOf(sChar) == -1;
    
    
if (bBlockPaste)
    
{
        
return bIsValidChar && !(oEvent.ctrlKey && sChar == "v");
    }

    
else
    
{
        
return bIsValidChar || oEvent.ctrlKey;
    }

}

8. 对于<select/>,我们使用oListbox.options[0]来获得选项。


转载于:https://www.cnblogs.com/joeliu/archive/2008/01/24/1051258.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值