HTML&javaSkcript&CSS&jQuery&ajax(六)
一、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" onclick="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>
HTML&javaSkcript&CSS&jQuery&ajax(六)的更多相关文章
- java-HTML&javaSkcript&CSS&jQuery&ajax
CSS 伪装 1.<style>a;link{color:#000000} a:visited{color:#000000; a.:hover{color:#FF00FF} a:acti ...
- XSS-HTML&javaSkcript&CSS&jQuery&ajax
1.设置不同的样式列表 <style> ul.a{list-style-tyrp:circle;} ul.b{list-style-type:square;} ul.c{list ...
- HTML&javaSkcript&CSS&jQuery&ajax(十)
HTML 1.SVG直接嵌入HTML网页 ,SVG 是使用XML描述2D图像的语言,Canvas通过JavaScript来绘制2D <svg xmlns="http://www.w3. ...
- HTML&javaSkcript&CSS&jQuery&ajax(八)
一. <!DOCTYPE html><html><head><meta charset="utf-8"><tiitle> ...
- HTML&javaSkcript&CSS&jQuery&ajax(七)
’一.HTML5 实例 <video width="430" controls> <source src="mov_nnn.mp4" t ...
- HTML&javaSkcript&CSS&jQuery&ajax(五)
一.Framset标签定义了每个框架中的HTML文档, 1. <framset cols="25%,75%"> <frame src="frame_a. ...
- HTML&javaSkcript&CSS&jQuery&ajax(四)
一.HTML创建响应设计 Responsive Web Design 可以改变尺寸传递网页,对于平板和移动设备是必须的 1.<!DOCTYPE html><html lang=&qu ...
- HTML&javaSkcript&CSS&jQuery&ajax(三)
一.HTML块元素 1.块级元素 Block level element ,内联元素 inline element , HTML<div>元素属于块级元素,他是组合其他HTML元素的容器, ...
- HTML&javaSkcript&CSS&jQuery&ajax(二)
一.HTML 1.标签<a href="http:www.baidu.com">This is a link </a> <img sr ...
随机推荐
- 使用Docker部署javaWeb应用
1. 安装Dcoker http://www.cnblogs.com/zhangqian27/p/9089815.html 2. 查看镜像 $ docker images 3. 搜索镜像 $ dock ...
- python 生成器的GeneratorExit异常
转载自:https://blog.csdn.net/hedan2013/article/details/72810653 当一个生成器对象被销毁时,会抛出一个GeneratorExit异常.请看下面的 ...
- PLSql的使用
1.安装 plsqldeveloper和数据库驱动-ODAC 2.在数据库驱动ODAC中添加 Oracle客户端的网络服务名配置文件tnsnames.ora 路径为: 3.汉化 直接运行Languag ...
- linux 日志管理
- 【多视图几何】TUM 课程 第5章 双视图重建:线性方法
课程的 YouTube 地址为:https://www.youtube.com/playlist?list=PLTBdjV_4f-EJn6udZ34tht9EVIW7lbeo4 .视频评论区可以找到课 ...
- Ubuntu 16.04下安装MySQL5.7
原文链接:https://www.linuxidc.com/Linux/2017-06/144805.htm ps:ubuntu14.04下默认安装的是MySQL5.5 首先执行下面三条命令: sud ...
- 20165221—JAVA第六周学习心得
课本知识点小结 第8章:常用实用类 String类 常量对象放入常量池中,而用string声明的对象变量中存放着引用.凡是new构造的常量都不在常量池中. startIndex表示提取字符的起始位置, ...
- ffmpeg笔记
1.视频降低质量,减小体积: ffmpeg -i aaa.mp4 -strict -2 -qscale 20 -y outfile.mp4
- 生产环境使用 pt-table-checksum 检查MySQL数据一致性【转】
公司数据中心从托管机房迁移到阿里云,需要对mysql迁移(Replication)后的数据一致性进行校验,但又不能对生产环境使用造成影响,pt-table-checksum 成为了绝佳也是唯一的检查工 ...
- sqlserver 2012 分页
--2012的OFFSET分页方式 select number from spt_values where type='p' order by number offset 10 rows fetch ...