更改表单的 action 属性

<html>

<head>

<script type="text/javascript">

function changeAction()

{

var x=document.getElementById("myForm")

alert("Original action: " + x.action)

x.action="/htmldom/index.asp"

alert("New action: " + x.action)

x.submit()

}

</script>

</head>

<body>





<form id="myForm" action="/i/eg_smile.gif">

名称：<input type="text" value="米老鼠" />

<input type="button" onclick="changeAction()"

value="改变 action 属性并提交表单" />

</form>





</body>

</html>

返回向服务器发送数据的 HTTP 方法

提示按钮的 id 和 类型 + 禁用按钮

<html>

<head>

<script type="text/javascript">

function alertId()

{

var txt="Id: " + document.getElementById("myButton").id

txt=txt + ", type: " + document.getElementById("myButton").type

alert(txt)





document.getElementById("myButton").disabled=true

}

</script>

</head>





<body>

<form>

<button id="myButton" onClick="alertId()">请点击我！</button>

</form>

</body>





</html>

选定以及不选定 checkbox

<html>

<head>

<script type="text/javascript">

function check(){

document.getElementById("myCheck").checked=true;

}

function uncheck(){

document.getElementById("myCheck").checked=false;

}

</script>

</head>





<body>

<form>

<input type="checkbox" id="myCheck" />

<input type="button" onclick="check()" value="选定复选框" />

<input type="button" onclick="uncheck()" value="取消选定复选框" />

</form>

</body>





</html>

一个表单中的若干个 checkbox

<html>

<head>

<script type="text/javascript">

function createOrder()

{

coffee=document.forms[0].coffee

var txt=""

for (i=0;i<coffee.length;++ i)

{

if (coffee[i].checked)

{

txt=txt + coffee[i].value + " "

}

}

document.getElementById("order").value="您订购的咖啡带有： " + txt

}

</script>

</head>





<body>

<p>你喜欢怎么喝咖啡？</p>

<form>

<input type="checkbox" name="coffee" value="奶油">加奶油<br />

<input type="checkbox" name="coffee" value="糖块">加糖块<br />

<br />

<input type="button" onclick="createOrder()" value="发送订单">

<br /><br />

<input type="text" id="order" size="100">

</form>

</body>





</html>

Checkbox - 把文本转换为大写

使用单选按钮中的 value 属性

重置表单

提交表单

验证表单

设置和移开文本域上的焦点

选取文本域中的内容

表单中的下拉列表

另一个下拉列表

当达到文本域的最大字符数时跳至下一个域

为若干表单域添加快捷键

Form 和 Input 对象的更多相关文章

  1. 通过表单展示不一样的页面（input对象）

    表单中包含不一样的样式,不同功能的提交数据的方式.在许多页面中,浏览者不经意间已经不断在使用表单的功能,如留言,设置自己的密码或者是复选框,下拉列表等. input对象下的多种表单表现形式: 通常在页 ...

  2. 根据标记清空页面中所有的input对象

    function clear1(flag) { //获取页面中所有的input对象 var inputs = document.getElementsByTagName("input&quo ...

  3. 使用 JavaScript 实现名为 flatten(input) 的函数，可以将传入的 input 对象（Object 或者 Array）进行扁平化处理并返回结果

    请使用 JavaScript 实现名为 flatten(input) 的函数,可以将传入的 input 对象(Object 或者 Array)进行扁平化处理并返回结果.具体效果如下: const in ...

  4. Input对象的type类型

    Input表示Form表单中的一种输入对象,其又随Type类型的不同而分文本输入框,密码输入框,单选/复选框,提交/重置按钮等,下面一一介绍. 1,type=text        输入类型是text ...

  5. js创建form添加input项目并提交表单

    var generateHideElement = function (name, value) { var tempInput = document.createElement("inpu ...

  6. html5 填表 表单 form label input button legend fieldset

      <form>本身没有什么意义, 但是某些依赖form的标签元素一旦没有了form就不能生效. 所以form是提供一个定义环境给form的插件元素去生效的. 1.method 属性pos ...

  7. Input对象2（貌似是独立标签）

    6.hidden隐藏域的样式表单:Hidden属性可以创建一个隐藏域,数据会被隐藏起来,因此用户是无法操作的.这样说来hidden好像没有什么用,事实上,正是出于安全的考虑,在多步操作数据的同时,用h ...

  8. 关于<marquee>、<form>、input中的<text>、<password>、<hidden>、<wenbenkuang>、<reset>、<image>、<submit>、<radio>、<checkbox>以及<select><iframe src>的用法

    <html>    <head>        <meta charset="UTF-8">        <title></ ...

  9. 前端与后台可能需要使用交互的表单form，input标签

    前端与后台可能需要使用交互的表单标签 form表单和input标签 textarea文本域表单 select,option下拉列表表单 fieldset和legend组合表单 label标签 form ...

随机推荐

  1. 06 Activity OnNewIntent方法

    OnNewIntent方法:该方法体现在Activity的启动模式上 如sigleTop上: X这个Activity启动模式为sigleTop,Y这个Activity启动模式为stdanderd 那么 ...

  2. Dynamics CRM 2013 Homepage Ribbon 按钮引用多个Javascript资源

    在CRM的开发中ribbon的开发是比较重要的一环,很多客制化的功能都需要动用ribbon区,CRM2013中的名字已经改叫command bar了,但从老版本过来的人都还是习惯叫他ribbon. R ...

  3. java设计模式---备忘录模式

    一.引子 俗话说:世上难买后悔药.所以凡事讲究个"三思而后行",但总常见有人做"痛心疾首"状:当初我要是--.如果真的有<大话西游>中能时光倒流的& ...

  4. iOS中 自定义系统相机 作者:韩俊强

    需要框架: #import <AVFoundation/AVFoundation.h> #import <AssetsLibrary/AssetsLibrary.h> 布局如下 ...

  5. UITabBarController及三种控制器的…

              第一部分:UITabBarController  标签视图控制器  UITabBarController  标签视图控制器继承自UIViewController,一经创建自带一个视 ...

  6. 关于Eclipse创建Android项目时，会多出一个appcompat_v7的问题

     问题描述: 使用eclipse创建一个Android项目时,发现project列表中会多创建出一个appcompat_v7项目,再创建一个Android项目时,又会再多出一个appcompat_ ...

  7. SpartanBrowser产品和安全特性简介

    v:* { } o:* { } w:* { } .shape { }p.MsoNormal,li.MsoNormal,div.MsoNormal { margin: 0cm; margin-botto ...

  8. 《java入门第一季》之面向对象（构造方法）

    /* 构造方法: 给对象的数据进行初始化 格式: A:方法名与类名相同 B:没有返回值类型,连void都没有 C:没有具体的返回值 */ class Student { private String ...

  9. 我所犯的JavaScript引用错误

    近期在w3cschool学习JavaScript和php--学完后,开始帮一哥们友情写网站.但是在使用ajax和Jquery的时候发现,我自己写的脚本不能运行.捣鼓了半天,没有发现任何语句错误.调试器 ...

  10. SpriteBuilder中锚点的一般用法

    注意:改变节点的锚点(anchor point)将会影响缩放和旋转操作,也会影响边界边框和碰撞的检测. 锚点仅仅挪动节点的视觉表现,这种改变可能与物理表现不一致. 你绝不应该错误的挪动锚点去改变节点的 ...