更改表单的 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. Swift基础之：新的访问控制fileprivate和open

    (转载的,暂时没有研究过这类语句,有空看看) 在swift 3中新增加了两种访问控制权限 fileprivate和 open.下面将对这两种新增访问控制做详细介绍. fileprivate 在原有的s ...

  2. Oracle Apps DBA 常用命令

    数据库启动监听 addlnctl.sh start instance 启动数据库 addbctl.sh start 启动应用服务器 adstrtal.sh 停止应用服务器 adstpall.sh -- ...

  3. MTK机器原始OTA更新方法

    在源码中编译完成后会生成各类.img的文件,这时候make otapackage生成ota包 一般ota包在源码工程的out/target/...目录下 一.通过线刷模式 将生成OTA包拷贝到Wind ...

  4. .NET 连接SQL Server2012遇到的连接出错问题解析

    最近在用VS2013编写相关于SQL Server数据库的代码,但是却遇到了艰难的bug问题,那就是在进行连接的时候出现了各种异常. 出错分析 1.首先应该想到的是数据库的相关服务没有开启. 因为默认 ...

  5. matlab中 mcc、mbuild和mex命令详解

    先简单的说说mcc.mbuild和mex到底怎么回事: mcc将M文件转换成C/C++文件和相应的MEX包裹文件(需要Matlab编辑器),但在特定条件下可以自动调用mbuild或者mex mex将C ...

  6. Mybatis事务（一）事务管理方式

    Mybatis管理事务是分为两种方式: (1)使用JDBC的事务管理机制,就是利用java.sql.Connection对象完成对事务的提交 (2)使用MANAGED的事务管理机制,这种机制mybat ...

  7. OpenCV stereo matching BM 算法

    一直找不到opencv stereo matching的根据和原理出处,下面这个文章贴了个链接,有时间看看: Basically OpenCV provides 2 methods to calcul ...

  8. MySQL学习笔记_6_SQL语言的设计与编写（下）

    SQL语言的设计与编写(下) --SELECT查询精讲 概要: SELECT[ALL | DISTINCT] #distinct 明显的,清楚的,有区别的 {*|table.*|[table.]fie ...

  9. unity 快速创建小地图

    先写一个纹理遮罩shader Shader "Unlit/TexMask" { Properties { _MainTex ("Texture", 2D) =  ...

  10. [MSSQL]SQL Server里面导出SQL脚本(表数据的insert语句)（转）

    最近需要导出一个表的数据并生成insert语句,发现SQL Server的自带工具并米有此功能.BAIDU一下得到如下方法(亲测OK) 用这个存储过程可以实现:CREATE PROCEDURE dbo ...