首页 技术 正文
技术 2022年11月15日
0 收藏 438 点赞 3,958 浏览 1271 个字
何谓表单?    表单是html页面中负责数据采集功能的部件,它往往由三个部分组成:
表单标签:<form></form> 用于声明表单的范围,位于表单标签中的元素将被提交。属性有method,entype,action等
表单域:<input...../>包含了 包含了文本框,密码框等多种类,属性有type,name, value...
type=text 文本框
type=password 密码框
type=textarea文本区域
type=file文件上传框
type=radid单选框
type=checkbox复选框 表单按钮
提交按钮
复位按钮
一般按钮 我们可以通过表单,将用户输入的数据提交给服务端,并交由服务端进行处理。例子:
<html>
<head>
<title>form表单</title>
<meta charset="utf-8">
<script type="text/javascript" src="getValue.js"></script>
</head>
<body>
<form name="form1">
<!--文本-->
<input type="text" placeholder="text" name="text1" />
<!--密码-->
<input type="password" placeholder="password" name="password" />
<!--多行文本域-->
<textarea placeholder="textarea" name="textarea" style="resize:none"></textarea>
<!--文件上传-->
<input type="file" name="file"/>
<!--单选框,注意name值一样-->
<input type="radio" name="option" value="option1"/>option1
<input type="radio" name="option" value="option1"/>option2
<!--复选框-->
<input type="checkbox" name="check" value="option1"/>option1
<input type="checkbox" name="check" value="option2"/>option2
<input type="checkbox" name="check" value="option3"/>option3 <input type="submit" value="submit"/>
<input type="reset" value="reset"/>
<input type="button" value="button" onclick="getValue()"/> </form>
</body>
</html>javascrpt获取表单的值function getValue(){ var v1 = document.form1.text1.value;
var arr = document.form1.check;
alert(arr[0].value)}
相关推荐
python开发_常用的python模块及安装方法
adodb:我们领导推荐的数据库连接组件bsddb3:BerkeleyDB的连接组件Cheetah-1.0:我比较喜欢这个版本的cheeta…
日期:2022-11-24 点赞:878 阅读:9,129
Educational Codeforces Round 11 C. Hard Process 二分
C. Hard Process题目连接:http://www.codeforces.com/contest/660/problem/CDes…
日期:2022-11-24 点赞:807 阅读:5,601
下载Ubuntn 17.04 内核源代码
zengkefu@server1:/usr/src$ uname -aLinux server1 4.10.0-19-generic #21…
日期:2022-11-24 点赞:569 阅读:6,444
可用Active Desktop Calendar V7.86 注册码序列号
可用Active Desktop Calendar V7.86 注册码序列号Name: www.greendown.cn Code: &nb…
日期:2022-11-24 点赞:733 阅读:6,218
Android调用系统相机、自定义相机、处理大图片
Android调用系统相机和自定义相机实例本博文主要是介绍了android上使用相机进行拍照并显示的两种方式,并且由于涉及到要把拍到的照片显…
日期:2022-11-24 点赞:512 阅读:7,852
Struts的使用
一、Struts2的获取  Struts的官方网站为:http://struts.apache.org/  下载完Struts2的jar包,…
日期:2022-11-24 点赞:671 阅读:4,940