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

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

2024-09-10 01:50:30   216人阅读

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

表单元素指的是不同类型的 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）和一些常用的标记


联系
我们