首页 > 代码库 > .NET回归 HTML----表单元素(1)和一些常用的标记

.NET回归 HTML----表单元素(1)和一些常用的标记

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

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

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

表单可以嵌套在表中,也可以再表中嵌套表单,作用范围不一样。(范围自行脑补)

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

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

首先是文本类

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

技术分享

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

技术分享

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

按钮类

  • <input type="button" value="http://www.mamicode.com/按钮上显示的字"/>  --普通的按钮,就是上面的忘记密码

技术分享

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

技术分享

  • <input type="reset" /> --默认叫重置,清空同一表单内的内容(不包括默认内容)
  • <inout type="image" src=http://www.mamicode.com/“” /> --图片按钮,也是提交按钮 可以再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)和一些常用的标记