按钮 | 易学教程

表单标签

阅读更多关于表单标签

表单标签作用：用于收集用户信息，让用户填写、选择相关信息格式： <from> 表单标签 </from> 注意事项：所有的表单内容，都要写在form标签里面 form标签中有两个比较重要的属性 action 和 method ，但就现目前的知识储备而言暂时无法理解，所以放到后面的课程中讲解 input标签如果说 td 是表格最核心的标签，那么 input 就是表单最核心的标签。input 标签有一个 type 属性，这个属性有很多类型的取值，取值的不同就决定了 input 标签的功能和外观不同明文输入框作用：用户可以在输入框内输入内容账号：<input type="text"/> 暗文输入框作用：用户可以在输入框内输入内容密码：<input type="password"/> 给输入框设置默认值账号：<input type="text" value="123"/> 密码：<input type="password" value="123"/> 规定输入字段中的字符的最大长度账号：<input type="text" name="fullname" maxlength="8" /> 单选框（radio）作用：用户只能从众多选项中选择其中一个单选按钮，天生是不互斥的，如果想互斥，必须要有相同的name属性 <input type="radio" name=

HTML标签学习总结（3）

阅读更多关于 HTML标签学习总结（3）

*/ * Copyright (c) 2016，烟台大学计算机与控制工程学院 * All rights reserved. * 文件名：text.cpp * 作者：常轩 * 微信公众号：Worldhello * 完成日期：2016年8月5日 * 版本号：V1.0 * 程序输入：无 * 程序输出：见运行结果 */ 文本输入框、密码输入框当用户要在表单中键入字母、数字等内容时，就会用到文本输入框。文本框也可以转化为密码输入框。语法： <form> <input type="text/password" name="名称" value="文本" /> </form> 1、type：当type=" text "时，输入框为文本输入框 ; 当type=" password "时, 输入框为密码输入框。 2、name：为文本框命名，以备后台程序ASP 、PHP使用。 3、value：为文本输入框设置默认值。(一般起到提示作用) 举例： <form> 姓名： <input type="text" name="myName"> <br/> 密码： <input type="password" name="pass"> </form> 在浏览器中显示的结果：文本域，支持多行文本输入当用户需要在表单中输入大段文字时，需要用到文本输入域。语法： <textarea

HTML 中表单form 的相关知识

阅读更多关于 HTML 中表单form 的相关知识

在Javascript 中，页面上的每一对<form> 标记都解析为一个对象，即form 对象。可以通过document.forms 获取以源顺序排列的文档中所有form 对象的集合。如果一个表单对象定义如下： < form name = " frm1 " method = " post " action = " login.aspx " > 获得该表单对象的方法： i> document.forms["frm1"]; // 根据name属性值 ii> document.forms[0]; // 根据索引号 iii> document.frm1; // 直接根据name值获得对象 form 表单应该注意的属性： elements：获取以源顺序排列的给定表单中所有控件的集合。但是<input type="image" > 对象不在此集合内。 var txtName = myform . elements [ 0 ] ; // 获得表单的第一个元素 var txtName = myform . elements [ " txtName " ] ; // 获得name属性值为"txtName"的元素 var txtName = myform . elements . txtName ; // 获得name属性值为"txtName"的元素 enctype：

HTML，表单

阅读更多关于 HTML，表单

又到一周末了，这周分享下我自己对表单的一些理解，仅供参考：表单的祖先级元素是<form>，所以又叫<form>表单，主要是用来收集用户输入的的信息的，比如用户的注册；表单元素：指的是不同类型的 input 元素、复选框、单选按钮、提交按钮等等。 <input> 元素是最重要的表单元素。<input> 元素有很多形态，主要根据 type的不同属性值来改变的；常见的 type属性值有: 1、text：表示常规的文本输入框 2、radio：表示单选按钮 3、checkbox：表示多选按钮 4、submit：表示提交按钮 5、reset：表示重置按钮； 6、button：表示普通按钮（这个是HTML5新增的） action 属性 action 属性：表示在提交表单时执行的动作。向服务器提交表单的通常做法是使用提交按钮。通常，表单会被提交到 web 服务器上的网页。如果省略 action 属性，则 action 会被默认设置为当前页面。所以action属性值都是写的路径 method 属性：规定在提交表单时所用的 HTTP 方法（get 或 post两个属性值），get表示显式提交，当使用get提交时，表单数据在页面地址栏中是可以看见的；而使用post时，则表单数据在页面地址栏中是看不见的 Name 属性如果要正确地被提交，每个输入字段必须设置一个 name 属性值

html笔记

阅读更多关于 html笔记

1.单选按钮radio的名字都要相同，例如：<input type="radio" name="sex"/>男 <input type="radio" name="sex"/> 女2.复选框checkbox的名字也要相同，允许用户在一定数目的选择中选取一个或多个选项。 <input type="checkbox" name="vehicle" value="sport">体育<input type="checkbox" name="vehicle" value="travel">旅游<input type="checkbox" name="vehicle" value="read">读书<input type="checkbox" name="vehicle" value="computer">电脑 <input type="checkbox" name="vehicle" value="music">音乐 3.本地文件上传 <input type="file" />4.提交submit：该按钮是提交按钮（除了 Internet Explorer，该值是其他浏览器的默认值）。按钮button：该按钮是可点击的按钮（Internet Explorer 的默认值）。重置reset：该按钮是重置按钮（清除表单数据）。5.form表单： <form> 标签用于为用户输入创建 HTML

input标签属性

阅读更多关于 input标签属性

样式： input{ 　　font-size:1.4em; 设置输入框中字体的大小　　height:2.7em; 设置输入框的高度　　border-radius:10px; 设置输入框的圆角的大小　　border:1px solid #c8cccf;设置输入框边框的粗细和颜色　　color:#986655; 设置输入框中文字的颜色　　outline:0; 将输入框点击的时候出现的边框去掉　　text-align:center; 设置输入框中文字的位置　　display:block; 将输入框设置为块级元素 } type属性：　　text 　　定义单行的输入字段，用户可在其中输入文本　　password 定义密码字段。该字段中的字符被掩码　　file 　　　定义输入字段和 "浏览"按钮，供文件上传　　radio　　定义单选按钮　　checkbox 定义复选框　　hidden 　定义隐藏的输入字段　　button 　　定义可点击按钮（多数情况下，用于通过JavaScript启动脚本）　　image 　　定义图像形式的提交按钮　　reset 　　定义重置按钮。重置按钮会清除表单中的所有数据　　submit 　定义提交按钮。提交按钮会把表单数据发送到服务器　　color 　　　　　定义调色板　　tel　　　　　　定义包含电话号码的输入域

HTML表单控件

阅读更多关于 HTML表单控件

form表单表单结构：通常要设置action，method，ID属性 action：该属性值是服务器上一个页面的URL，此页面是在用户提交表单时接受表单信息 method：采用get和post方法 a) get：使用该属性时，表单中的值被附加在由action所指定的URL末尾，get方法适用于以下两种情形 1.短表单（如搜索框） ; 2.只从web服务器上检索数据的情形（不发送那些在数据库中要添加或删除的数据) ; b) post:使用该方法时，表单中的值被放在HTTP头自信自中进行发送。如果你的表单存在以下情况就用post方法 1.允许用户上传文件 2.非常长 3.包含敏感信息（密码等） 4.对数据库中的信息进行增删改查 1.单行文本框 <form action="http://www.example.com/login.php"> <p>Username: <input type="text" name="username" size="15" maxlength="30" /> </p> </form> Username: 2.密码框 <html> <head> <title>Password Input</title> </head> <body> <form action="http://www.example.com/login.php"> <p>Username:`

了解HTML表单之13个表单控件

阅读更多关于了解HTML表单之13个表单控件

前面的话　　input元素无疑是一个庞大和复杂的元素，但它并不是唯一的表单控件。还有button、select、option、 label、 optgroup、textarea、fieldset、 legend 这八个传统表单控件，datalist、progress、meter、output、keygen这五个新增表单控件传统控件　　 button 　　　　　　定义一个按钮　　 select 　　　　　　定义一个下拉列表　　 option 　　　　　　定义下拉列表中的一个选项　　 optgroup 　　　　定义选项组，用于组合选项　　 textarea 　　　　　定义多行的文本输入控件　　 fieldset 　　　　　分组表单内的相关元素　　 legend 　　　　　　定义fieldset元素的标题　　 label 　　　　　　定义input元素的标注 button 　　button元素用来定义一个按钮，button元素内部可以放置文本或图像或其他多媒体内容。但唯一禁止使用的元素是图像映射，因为它对鼠标和键盘敏感的动作会干扰表单按钮的行为　　始终为button元素设置type属性，IE7-浏览器的默认类型是button，而其他浏览器的默认类型是submit 　　IE7-提交button元素之间的文本，而其他浏览器则会提交value属性的内容　　

bootstrap3 模态框js的控制

阅读更多关于 bootstrap3 模态框js的控制

通过js控制模态框的显示隐藏 <div class="container">  <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <h4 class="modal-title" id="myModalLabel">关闭</h4> </div> <div class="modal-body"> 确认保存？ </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">取消</button> <button type="button" class=

动态组件

阅读更多关于动态组件

有的时候，在不同的组件之间进行动态的切换时非常有用的，比如在一个多标签的界面里：上述内容可以通过 Vue 的 <component> 元素加一个特殊的 is 特性来实现：  <component v-bind:is="currentTabComponent"></component> 在上述示例中， currentTabComponent 可以包括：已注册组件的名字一个组件的选项对象上示例：首先是已注册组件的名字： < div id = " app " > < button @click = " change " > 切换页面 </ button > < component :is = " currentTabComponent " > </ component > </ div > Vue . component ( 'home' , { template : '<div>Home component</div>' , } ) ; Vue . component ( 'posts' , { template : '<div>Posts component</div>' , } ) ; Vue . component ( 'archive' , { template : '<div

订阅按钮