一、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(六)的更多相关文章

  1. java-HTML&javaSkcript&CSS&jQuery&ajax

    CSS  伪装 1.<style>a;link{color:#000000} a:visited{color:#000000; a.:hover{color:#FF00FF} a:acti ...

  2. XSS-HTML&javaSkcript&CSS&jQuery&ajax

    1.设置不同的样式列表 <style> ul.a{list-style-tyrp:circle;}    ul.b{list-style-type:square;}   ul.c{list ...

  3. HTML&javaSkcript&CSS&jQuery&ajax(十)

    HTML 1.SVG直接嵌入HTML网页 ,SVG 是使用XML描述2D图像的语言,Canvas通过JavaScript来绘制2D <svg xmlns="http://www.w3. ...

  4. HTML&javaSkcript&CSS&jQuery&ajax(八)

    一. <!DOCTYPE html><html><head><meta charset="utf-8"><tiitle> ...

  5. HTML&javaSkcript&CSS&jQuery&ajax(七)

    ’一.HTML5 实例  <video width="430" controls>   <source src="mov_nnn.mp4" t ...

  6. HTML&javaSkcript&CSS&jQuery&ajax(五)

    一.Framset标签定义了每个框架中的HTML文档, 1. <framset cols="25%,75%"> <frame src="frame_a. ...

  7. HTML&javaSkcript&CSS&jQuery&ajax(四)

    一.HTML创建响应设计 Responsive Web Design 可以改变尺寸传递网页,对于平板和移动设备是必须的 1.<!DOCTYPE html><html lang=&qu ...

  8. HTML&javaSkcript&CSS&jQuery&ajax(三)

    一.HTML块元素 1.块级元素 Block level element ,内联元素 inline element , HTML<div>元素属于块级元素,他是组合其他HTML元素的容器, ...

  9. HTML&javaSkcript&CSS&jQuery&ajax(二)

    一.HTML 1.标签<a href="http:www.baidu.com">This is a link </a>         <img sr ...

随机推荐

  1. 使用Docker部署javaWeb应用

    1. 安装Dcoker http://www.cnblogs.com/zhangqian27/p/9089815.html 2. 查看镜像 $ docker images 3. 搜索镜像 $ dock ...

  2. python 生成器的GeneratorExit异常

    转载自:https://blog.csdn.net/hedan2013/article/details/72810653 当一个生成器对象被销毁时,会抛出一个GeneratorExit异常.请看下面的 ...

  3. PLSql的使用

    1.安装 plsqldeveloper和数据库驱动-ODAC 2.在数据库驱动ODAC中添加 Oracle客户端的网络服务名配置文件tnsnames.ora 路径为: 3.汉化 直接运行Languag ...

  4. linux 日志管理

  5. 【多视图几何】TUM 课程 第5章 双视图重建:线性方法

    课程的 YouTube 地址为:https://www.youtube.com/playlist?list=PLTBdjV_4f-EJn6udZ34tht9EVIW7lbeo4 .视频评论区可以找到课 ...

  6. Ubuntu 16.04下安装MySQL5.7

    原文链接:https://www.linuxidc.com/Linux/2017-06/144805.htm ps:ubuntu14.04下默认安装的是MySQL5.5 首先执行下面三条命令: sud ...

  7. 20165221—JAVA第六周学习心得

    课本知识点小结 第8章:常用实用类 String类 常量对象放入常量池中,而用string声明的对象变量中存放着引用.凡是new构造的常量都不在常量池中. startIndex表示提取字符的起始位置, ...

  8. ffmpeg笔记

    1.视频降低质量,减小体积: ffmpeg -i aaa.mp4 -strict -2 -qscale 20 -y outfile.mp4

  9. 生产环境使用 pt-table-checksum 检查MySQL数据一致性【转】

    公司数据中心从托管机房迁移到阿里云,需要对mysql迁移(Replication)后的数据一致性进行校验,但又不能对生产环境使用造成影响,pt-table-checksum 成为了绝佳也是唯一的检查工 ...

  10. sqlserver 2012 分页

    --2012的OFFSET分页方式 select number from spt_values where type='p' order by number offset 10 rows fetch ...