HTMLjavaSkcriptCSSjQueryajax(六)
一、HTML表单
1、<input type="text">定义文本输入的单上输入字段,<form> First name:<br> <input type="text" name="firstname"> <br> Last name: <br><input type="text" name="lastname"></form>
2、单选按钮输入 <input type="radio"> eg、 <form> <input type="radio" name="sex" value="male" checked>Male<br>
<input type="radio" name="sex" value="female"> Female
3、提交按钮,<input type="submit"> 表单处理程序在action属性中指定。eg、<form action ="action_page.php">
first name:<br> <input type="text" name="firstname" value="Mouse"><br>
Last name:<br><input type="text" name="lastname" value="Mouse"><br><br><input type="submit" value="Mouse"></form>
4、Method 属性规定提交表单的时候使用的HTTP 方法(get或者post)
<form action="action_page.php method="GET"> <form action="action_page.php method="POST">
如果要正确的提交每个字段必须设置一个name属性, <fieldset></fieldset>组合表单数据
5、下拉列表<select>元素标签 eg、 <select name="cars">
<option value="volvo">Volvo</option> <option value="saab">Saab</option> <option value="fait">Fait</option> <option value="auid"> Auid</option>
</select>
添加预定义选项 <option value="failt" selected>Failt</option>
6、 textarea 元素定义多行输入字段(文本域) <textarea name="message" rows="10" cols="30"> The cat was playing in the garden.</textarea>
7、<button>元素标签,点击的按钮<button type="button" οnclick="alert("Hello world")>Click here</button>
8、Html5 <datalist>元素标签,<input>元素list 属性必须引用<datalist>元素的ID属性
<form action="action_page.php"><input list="browsers"><datalist id="browsers">
<option value="Firefox“> <option value="Chrome"> <option value="Opera">
</datalist> </form>
9、 输入类型password <input type="password"> 定义密码字段
<form > User name:<br><input type="test" name="username"><br>
User password :<br> <input type="password" name=" psw"></form>
10、表单处理 <submit>标签 <form action="action_page.php"> <input type="submit" value="Submit"></form>
单选按钮 <input type="checkbox" name="vehicle" value="Bike">Ihave a bike<br> <input type="checkbox" name="vehicle" value="Car">I have a car</form>
11、输入类型 number <input type=":number">能过对数字进行限制
<form> Quantity(between 1 and 5): <input type="nmber" name="quantity" min="1" max="5"></form>
限制输入 <form > Quantity: <input type="number" name="potions" min="0" max="100" step="10" value=”30‘’></form>
输入日期类型 Date <input type="date" >
<form> Birthday: <input type="date" name="bday"></form>
12、Value属性规定初始值 eg、 <form action="" > First name:<br> <input type="text" name=firstname" value=John"><br>
readonly 属性规定输入字段的我只读输入,不能修改eg、 <input type="text" name="firstname" value="John" readonly>
13、disabled 属性 规定输入西段是禁用的 eg、<input type="text" name="firstname" value="John": disabled> 也就是说 这个John提交不了
size 规定输入字段的尺寸,<input type="text:" nbame="firstname" value="John" size="30">
maxlength 规定输入字段的最大长度, <input type="text” name="firstname" maxlength="10">
14、 autocomplete属性规定表单输入字段是否应该自动完成, 可以把表单的autocomplete 设置成on 或者off
<form action="action_page.php" autocompete="on"> Firstname:<input type="text" name="fname"><br>
E-mail: <input type="email" name="email" autocompete="off"><br><input type="submit”></form>
转载于:https://www.cnblogs.com/xinxianquan/p/8470741.html
HTMLjavaSkcriptCSSjQueryajax(六)相关推荐
- Docker入门六部曲——Swarm
原文链接:http://www.dubby.cn/detail.html?id=8738 准备工作 安装Docker(版本最低1.13). 安装好Docker Compose,上一篇文章介绍过的. 安 ...
- Docker入门六部曲——Stack
原文链接:http://www.dubby.cn/detail.html?id=8739 准备知识 安装Docker(版本最低1.13). 阅读完Docker入门六部曲--Swarm,并且完成其中介绍 ...
- Docker入门六部曲——服务
原文链接:http://www.dubby.cn/detail.html?id=8735 准备 已经安装好Docker 1.13或者以上的版本. 安装好Docker Compose.如果你是用的是Do ...
- PyTorch 学习笔记(六):PyTorch hook 和关于 PyTorch backward 过程的理解 call
您的位置 首页 PyTorch 学习笔记系列 PyTorch 学习笔记(六):PyTorch hook 和关于 PyTorch backward 过程的理解 发布: 2017年8月4日 7,195阅读 ...
- 受用一生的高效 PyCharm 使用技巧(六)
http://www.sohu.com/a/329854019_654419 大家好,今天我又来给大家更新 PyCharm 的使用技巧. 从第一篇开始,一直到本篇,一共更新了6篇文章,每篇 5 个小技 ...
- 操作系统学习笔记 第六章:设备管理(王道考研)
本文章基于网课: 2019 王道考研 操作系统 考试复习推荐资料:操作系统复习总结 - 百度文库 (baidu.com) 需要相关电子书的可以关注我的公众号BaretH后台回复操作系统 第一章:操作系 ...
- 王道考研 计算机网络笔记 第六章:应用层
本文基于2019 王道考研 计算机网络: 2019 王道考研 计算机网络 个人笔记总结 第一章:王道考研 计算机网络笔记 第一章:概述&计算机网络体系结构 第二章:王道考研 计算机网络笔记 第 ...
- TVM性能评估分析(六)
TVM性能评估分析(六) Figure 1. The workflow of development PC, compile, deploy to the device, test, then mod ...
- AlexeyAB DarkNet YOLOv3框架解析与应用实践(六)
AlexeyAB DarkNet YOLOv3框架解析与应用实践(六) Tiny Darknet 听过很多人谈论SqueezeNet. SqueezeNet很酷,但它只是优化参数计数.当大多数高质量的 ...
- 2021年大数据ELK(六):安装Elasticsearch
全网最详细的大数据ELK文章系列,强烈建议收藏加关注! 新文章都已经列出历史文章目录,帮助大家回顾前面的知识重点. 目录 系列历史文章 安装Elasticsearch 一.创建普通用户 二.为普通用户 ...
最新文章
- 黑苹果没有找到触控板为什么还是能用_为什么Macbook触控板体验领先Windows那么多,却难以取代鼠标?...
- ios iphonex适配
- Kubernetes 入门(3)集群安装
- 【干货】和你谈谈数据分析报告
- 学画画软件app推荐_路由器管理软件哪个好?6款路由器管理APP推荐_软件评测
- Mysql安装及其配置
- php 登录 post,PHP curl post登录到wordpress
- Android特色开发之语音识别
- Android微信搜索,微信搜索APP
- 半自动化与全自动化的区别
- Android实现一键开启自由窗口、分屏、画中画模式——分屏模式
- 1046 Shortest Distance (20分)测试点分析
- 笔记本电脑的电池损耗度——命令符查看
- 太实用了!Pytorch快速安装【清华源】 方法,最优国内镜像选择,妥妥的!
- QLU_ACM 2021 专题训练(一)题解 [暴力、排序、贪心、二分]
- JavaSE常用类练习
- 关于如何开启本地代理隐藏本地ip
- modelsim破解
- 腾讯+字节+阿里面经真题汇总,总结到位
- 什么硬件可以手游服务器,台湾服务器用来挂机手游要哪些硬件支持?
热门文章
- iOS的GIF动画效果实现
- Windows 8,为应用和触摸重塑的Windows
- x86/x64编程基础
- 博文视点大讲堂第33期——如何让你既能干得漂亮又说得清楚?
- 数据结构与算法(二):线性表、栈、树(二叉树,AVL树)、图
- 【SimpleITK】胸部CT数据3D space归一化,以及3D plot
- php 编码 url,php escape URL编码
- vnc 序列号在哪输入_VNC Viewer Plus 1.2.3 注册机
- JavaWeb — session+Cookie
- Android编译判定BoardConfig.mk的宏控是否打开或者有效的验证方法