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

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

表单元素指的是不同类型的 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

时间： 2024-12-24 08:34:40

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

Jquery学习笔记-表单元素选择器

1. :input表单选择器可以实现,它的功能是返回全部的表单元素,不仅包括所有<input>标记的表单元素,而且还包括<textarea>.<select> 和 <button>标记的表单元素,因此,它选择的表单元素是最广的. $("#frmTest :input")表单选择器代码获取了表单中的全部元素 2. :text表单文本选择器可以获取表单中全部单行的文本输入框元素,单行的文本输入框就像一个不换行的字条工具,使用非常广泛. 通过:

3.2 表单元素逐一介绍

下面讨论表单元素的类型及常用的属性. 本节单词记忆:标签 1.select 2.option 3.textarea 属性 1.text 2.password 3.radio 4.checkbox 5.name 6.value 7.reset 8.submit 9.button 网页学习网提示:html语言非常简单,不需要逻辑理解,而绝大部分朋友觉得它难以掌握,90%的原因在于英语单词不过关,所以每节记忆几个单词是非常有必要的. 1.文本框 在表单中最常用最常见的表单输入元素就是文本框(text)

第 10 章 表单元素[下]

学习要点: 1.其他元素 2.输入验证 主讲教师:李炎恢 本章主要探讨 HTML5 中表单中剩余的其他元素,然后重点了解一下表单的输入验证功能. 一．其他元素 表单元素还剩下几个元素没有讲解,包括下拉框列表 select.多行文本框 textarea.和 output 计算结果元素. 元素名称 说明 select 生成一个下拉列表进行选择 optgroup 对 select 元素进行编组 option select 元素中的项目 textarea 生成一个多行文本框 output 表示计算结果

html5新增表单元素和属性

从三方面来介绍html5表单的新特性表单结构更灵活 要提交数据的控件可以布局在form标签之外,看下面的代码,表单元素可以写到form元素之外,只需在元素中加入form="form1"属性,也可提交到form元素指定的服务器地址 <body><form action="upload.php" method="post" accept-charset="utf-8" id="form1"&g

表单元素

1.单行文本框<input type="text"/>(input 的type 属性的默认值就是"text") <input type = "text" name="名称"/> 以下是单行文本框的主要属性: size:指定文本框的宽度,以字符个数为单位:在大多数浏览器中,文本框的缺省宽度是20个字符. value:指定文本框的默认值,是在浏览器第一次显示表单或者用户单击<input type=&q

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

目录 一.HTML5新增属性 1.1.contextmenu 1.2.contentEditable 1.3.hidden 1.4.draggable 1.5.data-* 1.6.placeholder占位属性 1.7.required必填属性 1.8.pattern正则属性 1.9.autofocus自动聚焦属性 1.10.autocomplete自动完成属性 1.11.novalidate不验证属性 1.12.multiple多选属性 二.HTML5表单新功能解析 2.1.表单结构更自由

HTML之学习笔记（十）表单元素

html表单元素的基本格式为(必须包含在form标签中) 大致可以分为文本类.按钮类.复选框和单选框.文件选择几类 1.文本类 文本框标签<input type = “text“ />,属性size文本框的宽度.maxlength可输入的最大字节长度.readonly=“readonly”文本只读,无法修改 密码框标签<input type = “password” />,在页面显示为黑色小圆点 隐藏标签(隐藏域)<input type=“hidden” />,不会对页

点击enter回车键实现表单元素切换焦点效果

点击enter回车键实现表单元素切换焦点效果:现在网站都比较追求人性化,比如填写表单的时候,能够实现点击回车就可以切换表单元素的焦点,这样比使用鼠标进行切换更能让人接受,下面就通过代码实例介绍一下如何实现此功能.代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://w

jQuery获取Select选择的Text(非表单元素)和 Value（表单元素）(转)

jQuery获取Select选择的Text和Value: 语法解释: 1. $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 2. var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text 3. var checkValue=$("#selec

JQuery表单元素过滤选择器

此选择器主要是对所选择的表单元素进行过滤: 选择器 描述 返回 enabled 选择所有的可用的元素 集合元素 disabled 选择所有的不可用的元素 集合元素 checked 选择所有被选中的元素(单选框,复选框) 集合元素 selected 选择所有被选中选项元素(下拉列表) 集合元素 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd&q