表单就是-----用于搜集不同类型的用户输入。

表单元素指的是不同类型的 input 元素、复选框、单选按钮、提交按钮等等。

首先将表单元素分为三个类型。文本类，按钮类，选择类。

表单可以嵌套在表中，也可以再表中嵌套表单，作用范围不一样。（范围自行脑补）

表单也是创建在<body></body>中

表单创建---<form action=""  method=""></form>  注意这里不是from

首先是文本类

  • <input type=''text'' value="默认显示内容"/>   --文本框   placeholder="可以再里面加上鼠标一点就会消失的灰色提示"如果用这个，value就不能有字

  • <input type="password"/>   --密码框  也可以用value添加默认内容，框内显示的是隐藏内容也就是小点

  • <input type="textarea"/>  --文本域，就像是贴吧底下发评论的那个框框，可以换行
  • <input type="hidden"/>  --  隐藏域，没什么用  用户看不见

按钮类

  • <input type="button" value="按钮上显示的字"/>  --普通的按钮，就是上面的忘记密码

  • <input type="submit"/>  --默认叫提交，提交并且刷新，会把所有数据往服务器里发送

  • <input type="reset" /> --默认叫重置，清空同一表单内的内容（不包括默认内容）
  • <inout type="image" src=“” />   --图片按钮，也是提交按钮 可以再src里面添加相对路径，加入图片后按钮就成为图片形状，功能不变。

选择类

  • <input sype="radio" name="sex"  id="nan"/>  --单选（在同一组里直选一个。checked="checked"（成为默认选项），直接在<>后加上字就可以显示

分组↑          ↑ 这个元素的编号（识别作用），不能重复。

  • <lable for="nan">男</label>  --关联，让用户点男这个字也可以选中，也可以把男换成图片

↑元素的id

  • <input type="checkbox"/>  --多选   也是需要分组的

  • <select>  -- 下拉菜单

<option>aaa</option>   --菜单内的菜

</select>

  • <input type="file" />  --上传文件

除了文本域之外，其他的实用时都要用value

.NET回归 HTML----表单元素（1）和一些常用的标记的更多相关文章

  1. HTML5 学习总结（二）——HTML5新增属性与表单元素

    一.HTML5新增属性 1.1.contextmenu contextmenu的作用是指定右键菜单. <!DOCTYPE html> <html> <head> & ...

  2. CSS之表单元素

    表单就是收集用户信息的,就是让用户填写的.选择的. 1                <div> 2                         <h3>欢迎注册本网站&l ...

  3. 表单元素的submit()方法和onsubmit事件

    1.表单元素中出现了name="submit"的元素 2.elemForm.submit();不会触发表单的onsubmit事件 3.动态创建表单时遇到的问题 表单元素拥有subm ...

  4. HTML5 学习笔记（二）——HTML5新增属性与表单元素

    目录 一.HTML5新增属性 1.1.contextmenu 1.2.contentEditable 1.3.hidden 1.4.draggable 1.5.data-* 1.6.placehold ...

  5. 【原】如何改变表单元素的外观(for Webkit and IE10)

    表单元素在网页设计中使用的非常频繁,如文本输入框.单选框.复选框.选择列表.上传文件,它们在浏览器中的展现有自带的外观,为了在视觉上取得更好的产品体验,保持客户端的统一,通常产品经理会提出需要改变它的 ...

  6. MVC中使用内建的HTML辅助方法产生表单元素提交表单与button按钮事件的陷阱

    网站模板页有个登陆的退出按钮,当点击时跳转到登陆页面. <button onclick="logout()" >退出</button> $("#l ...

  7. [转]CSS 表单元素对齐详解

    来源:http://blog.sina.com.cn/s/blog_655388ed0100lzyk.html 简单的设置input{vertical-align:middle}即可,完美的: lab ...

  8. VUE 表单元素双向绑定总结

    checkbox最基本用法: <input type="checkbox" v-model="inputdata" checked/> <in ...

  9. iScroll4下表单元素聚焦及键盘的异常问题

    本文是zawa同事写的一篇博文,相信很多在webapp开发中的同学使用iscroll4会遇到的该问题,问过zawa兄的建议,在这里分享给大家,希望能帮助到各位~ 原文地址:http://www.zaw ...

  10. 9月8日HTML表单元素（form、文本、按钮、选择）

    表单元素 一.form form代表表单,功能:用于申明表单,定义采集数据的范围,也就是<form>和</form>里面包含的数据将被提交到服务器或者电子邮件里.<for ...

随机推荐

  1. Redis 简单介绍（知识整理笔记）

    前言: Redis 介绍:轻量级.Key-Value.内存数据库.支持持久化 Redis 数据结构:string(字符串),hash(哈希),list(列表),set(集合)及 zset (sorte ...

  2. python里混淆矩阵 左下角为漏报，右上角为误报

    1为黑样本,0为白样本: Counter({1: 105, 0: 95}) check counter!confusion_matrix:[[83 12(预测值为1,实际为0,误报)] [15(预测值 ...

  3. JedisPool的配置参数整理

    JedisPool的配置参数大部分是由JedisPoolConfig的对应项来赋值的. maxActive:控制一个pool可分配多少个jedis实例,通过pool.getResource()来获取: ...

  4. IO编程、操作文件或目录、序列化、JSON

    IO中指Input/Output,即输入和输出:涉及到数据交换的地方,通常是磁盘.网络等,就需要IO接口 1.由于CPU和内存的速度远远高于外设的速度,所以,在IO编程中,存在速度严重不匹配问题.eg ...

  5. OpenCV-Python在图片上输出中文

    OpenCV中在图片上输出中文一般需要借助FreeType库实现.FreeType库是一个完全免费(开源)的.高质量的且可移植的字体引擎,它提供统一的接口来访问多种字体格式文件.但使用FreeType ...

  6. 3.16 draw 3.17 更新函数

    3.16 draw virtual void draw(); void HelloWorld::draw() { CCSize size = CCDirector::sharedDirector()- ...

  7. C#进阶之路（一）：委托

    一.什么是委托 简单说它就是一个能把方法当参数传递的对象,而且还知道怎么调用这个方法,同时也是粒度更小的“接口”(约束了指向方法的签名). 委托是一个类,它定义了方法的类型,使得可以将方法当作另一个方 ...

  8. linux查询组与用户getent

    getent group zabbix getent passwd zabbix getent group zabbix > /dev/null || groupadd -r zabbixget ...

  9. shell for的用法

    #!/bin/sh for1(){ for i in 1 2 3 4 5 6do echo "$i"done } for1#!/bin/shfor2(){for i in {1.. ...

  10. /etc删了怎么办

    实施一个哥们一个手抖,把/etc删掉了:别人无法ssh到上面,除了他.怎么办? 从类似的OK机器中打包一个etc.tar,然后将etc.tar放到OK机器www服务器目录里面:然后在问题机器上面通过w ...