何谓表单？

    表单是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)

}

javascript获取表单的各项值的更多相关文章

  1. jquery的attr获取表单checked 布尔值问题

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  2. 获取表单的初始值，模拟placeholder属性

    input和textarea有一个默认属性defaultValue,即初始值. 即使在页面操作修改了input和textarea的内容,获取到的defaultValue依然是初始值.可通过该值模拟pl ...

  3. ionic获取表单input的值的两种方法

    1.参数传递法 直接在input处使用 #定义参数的name值,注意在ts中参数的类型 html页面: <ion-input type="text" placeholder= ...

  4. 使用js获取表单元素的值

    function getParams(formName) { var frmMain = document.getElementById(formName)?document.getElementBy ...

  5. JavaScript之控制表单元素的值

    表单元素.value 获取表单元素的值 表单元素.value='这是修改后的值' 修改表单元素的值 案例: (1)html <input type="text" id=&qu ...

  6. JS获取表单元素的value

    <!-- 1.option selected属性,如果我们在下拉列表里面选择了一个option那么他的selected="true" ,如果我们想设置当前的option是选中 ...

  7. 用jQuery获取表单的值

    在日常开发过程中,有许多用到表单的地方.比如登录,注册,比如支付,填写订单,比如后台管理等等. 使用jQuery来获取表单的值是比较常见的做法. 常见表单 单行文字域:<input type=' ...

  8. jQuery 获取、设置表单元素的值

    获取表单元素值: 文本框,文本区域: $("#txt").attr("value"): 多选框 checkbox:$("#checkbox_id&qu ...

  9. javaWeb中怎么获取提交表单里面的值

    在javaWeb中如何获得html文件中的表单里面的值? <!DOCTYPE html> <html> <head> <meta charset=" ...

随机推荐

  1. xampp配置多端口访问

    1.修改D:\xampp\apache\conf\extra中的httpd-vhosts.conf文件,在最底部添加 <VirtualHost *:8080> ##需要监听的端口号 Ser ...

  2. 笔记：Struts2 国际化

    视图页面的国际化 在JSP页面中指定国际化资源需要借助<s:i18n-/>标签,如果把<s:i18n-/>标签作为<s:test-/>标签的父标签,则会直接加载父标 ...

  3. 【Python】 垃圾回收机制和gc模块

    垃圾回收机制和gc模块 Py的一个大好处,就是灵活的变量声明和动态变量类型.虽然这使得学习py起来非常方便快捷,但是同时也带来了py在性能上的一些不足.其中相关内存比较主要的一点就是py不会对已经销毁 ...

  4. python读取三维点云球坐标数据并动态生成三维图像与着色

    关键步骤: 1.首先通过读取.txt文本数据并进行一系列字符串处理,提取显示所需要的相关数据矩阵 2.然后利用python的matplotlib库来进行动态三维显示 备注:matplotlib在显示2 ...

  5. iOS CocoaPods一些特别的用法 指定版本、版本介绍、忽略警告

    简介 介绍一些CocoaPods一些特别的用法 CocoaPods github地址 CocoaPods 官方地址 1. 指定第三方库版本 1. 固定版本 target 'MyApp' do use_ ...

  6. [学习笔记]Javaweb开发视频教程之Tomcat9配置

    参考自北京动力节点的视频教程:https://www.bilibili.com/video/av14548279/?p=1 1.Java XE Java SE 是做电脑上运行的软件. Java EE ...

  7. 使用 win10 的正确姿势 (第二版）

    文章为本人原创,转载请注明出处,谢谢. 17年9月初,写了第一篇<使用 win10 的正确姿势>,而现在半年多过去,文章更新了一些,主要是桌面的变化. 一. 重新定义桌面 我的桌面: 将桌 ...

  8. 【Alpha版本】冲刺阶段 - Day4 - 加速

    今日进展 袁逸灏:实现音乐的播放.(5h) 启动类,游戏画面类(修改类) 刘伟康:继续借鉴其他 alpha 冲刺博客,了解了Android方面的部分内容,便于更好地推进进度.(2h) 刘先润:更新图画 ...

  9. python简单路由系统

    # 输入模块名/函数 url = input('请输入网址:') module,func = url.split('/') m = __import__('lib.'+module,fromlist= ...

  10. appiun滑动的简单封装

    import org.testng.annotations.AfterClass; import org.testng.annotations.BeforeClass; import org.test ...