学习前端第二天--表单标签
来源:互联网 发布:ios软件源 编辑:程序博客网 时间:2024/06/11 21:38
表单元素:与用户交互
<form method=”传送方式” action=“服务器文件”></form>
1.<form> :<form>标签是成对出现的,以<form>开始,以</form>结束。
2.action :浏览者输入的数据被传送到的地方,比如一个PHP页面(save.php)。
3.method :数据传送的方式(get/post)。
文本输入框、密码输入框
<input type="text/password" name="名称" value="默认提示文本" />
文本域,支持多行文本输入
<textarea
rows="行数" cols="列数">文本</textarea>
1
、<textarea>标签是成对出现的,以<textarea>开始,以</textarea>结束。
2
、
cols :多行输入域的
列数。
3
、
rows :多行输入域的
行数。
4
、在<textarea></textarea>标签之间可以输入
默认值。
使用单选框、复选框,让用户选择
<input type="radio/checkbox" value="值" name="名称" checked="checked"/>
1、type:
当 type="radio"时,控件为单选框
当 type="checkbox" 时,控件为复选框
2、value:提交数据到服务器的值(后台程序PHP使用)
3、name:为控件命名,以备后台程序 ASP、PHP 使用
4、checked:当设置 checked="checked" 时,该选项被默认选中
注意:同一组的单选按钮,name 取值一定要一致
下拉列表框
单选
<select>
<optionvalue=”提交服务器值” selected=”selected<!--默认选中-->”>显示选项</option>
</select>
多选
<select multiple=”multiple”<!--多选-->>
<optionvalue=”提交服务器值” selected=”selected<!--默认选中-->”>显示选项</option>
<optionvalue=”提交服务器值””>显示选项</option>
<optionvalue=”提交服务器值””>显示选项</option>
</select>
使用提交按钮,提交数据
语法:
<input type="submit/提交" value="提交/按钮上面显示文字">
重置按钮,重置表单信息
语法:
<input type="reset" value="重置">
form表单中的label标签
label标签的作用是为鼠标用户改进了可用性。
在 label 标签内点击文本,就会触发此控件。就是说,当用户单击选中该label标签时,浏览器就会自动将焦点转到和标签相关的表单控件上(就自动选中和该label标签相关连的表单控件上)。
语法:
<label for="控件id名称">
- 学习前端第二天--表单标签
- 前端学习第二天
- html第二天表格与表单标签
- WEB前端开发学习----3.HTML表单form标签
- 前端学习笔记2:使用表单标签,与用户交互
- 学习前端第二天--css
- 从零开始前端学习[20]:前端与后台可能需要使用交互的表单form,input标签
- 学习前端第二天--javascript入门
- 第二天(就业班) html的引入、html常用标签、实体标签、超链接标签、图片标签、表格、框架标签、表单
- 前端学习 HTML标签
- web前端标签学习
- 前端学习第二章:认识html文件基本结构&认识head标签
- 第二天(就业班) html的引入、html常用标签、实体标签、超链接标签、图片标签、表格、框架标签、表单[申明:来源于网络]
- HTML学习笔记----表单标签
- HTML学习6-表单标签
- SpringMVC学习之表单标签
- HTML学习08-表单标签
- spring表单标签学习笔记
- tensorflow中获取shape的方法比较
- 常用数据结构——队列及其应用
- WinSock的recv返回值处理
- jsp 九大内置对象和其作用详解
- 洛谷 2680[NOIP2015] 运输计划 二分+lca+树上差分+dfs序
- 学习前端第二天--表单标签
- 【Algorithm】因子求和
- 面向对象程序设计上机练习八(对象数组)
- Java 静态加载类与动态加载类(初步认识Java的反射)
- unik的命令行-解释说明
- warning LNK4099: PDB 原因及解决方案
- 强大的Js树型控件Dtree使用详解
- 线程同步基础(一)
- 利用ADB 协议建立PC与手机端本地unix套接字的连接