html基础-from表单（5）
一、form表单
表单提交：
<form action="提交地址"method="提交方法"></form> methad有两种提交方式get（不太安全）和post（安全）
文本框：
<form> 属性值：name=(名称) size=(输入框中显示可见的字符也就是最多能看见几个字符)
<input type="text" size=""> value=（文本框中预设内容） align=(对齐方式【只对image有用】)
</form> maxlength=（文本框中最多可输入多少个字符） text=（明文显示）
密码框: 属性值：password=（秘文显示）
<input type="password">
单选：
<input type="radio" name=""> 注意：单选只有两个名称一样的时候时候才会单选其中一个，否则没用。
属性值：checked="checked" 默认（想让哪个默认加《checked》就会先选中哪个）
复选: 属性值：checkbox=（复选）
<input type="checkbox" name="">
上传按钮： 属性值：file=（上传按钮）
<input type="file">
重置 属性值：reste=（重置）
<input type="reste" value="重置">
提交 属性值：submit=（提交）
<input type="submit" value="提交">
普通按钮(自定义按钮) 属性值： button=（普通按钮，自定义按钮）
<input type="button" value="按钮">
图像按钮 属性值;image=(图片按钮)
<input type="image" src="图片路径">
文本域： 属性值：cols=（宽） rows=（高）
<textarea cols="数字" rows="数字">请输入文字</textarea> rows=（高）
下拉列表框：
<select> selected=默认选中
<option></option>
</select>
代码（大家可能也发现只有下拉框不一样，剩下的只是type后面值不一样，但是我为啥还写单选框。当然他特殊了。看到name后边的值没有要做到多个单选框只能选中 一 个，他们几个复选框之间要做到name后面的值要一样，后面的值是随便起的。你一定也看到上面后边跟的属性了，你可以试试他们的效果，自己试试记忆深刻)
<html>
<head>
<title>表单</title>
</head>
<body> <form>
<input type="text">
<input type="radio" name="sex">男<input type="radio" name="sex">女
<select>
<option>下拉1</option>
<option>下拉2</option>
<option>下拉3</option>
<option>下拉4</option>
</select> </form> </body>
</html>
效果
这html起始已经差不多了，以后如果想起来了，在补写，明天开始各种css样式让你的页面漂亮起来。
html基础-from表单（5）的更多相关文章
- Bootstrap<基础六> 表单
Bootstrap 通过一些简单的 HTML 标签和扩展的类即可创建出不同样式的表单. 表单布局 Bootstrap 提供了下列类型的表单布局: 垂直表单(默认) 内联表单 水平表单 垂直或基本表单 ...
- 【ASP.NET 基础】表单和控件
1.HTML表单的提交方式 对于一个普通HTML表单来说,它有两个重要的属性:action 和 method.action属性指明当前表单提交之后由哪个程序来处理,这个处理程序可以是任何动态网页或者 ...
- 玩转Django2.0---Django笔记建站基础七(表单与模型)
第七章 表单与模型 表单是搜集用户数据信息的各种表单元素的集合,作用是实现网页上的数据交互,用户在网站输入信息,然后提交到网站服务器端进行处理(如数据录入和用户登录.注册等). 用户表单是web开发的 ...
- HTML基础2 表单和框架
表单: <form id="" name="" method="post/get" action"负责处理的服务端" ...
- html基础之 表单提交方法
最普通最常用最一般的方法就是用submit type..看代码: <form name=”form” method=”post” action=”#"> <input ty ...
- 【HTML】 HTML基础知识 表单
html 表单 表单的标签是<form>,用于给网站的后台提交数据.提交的数据格式原本是什么样不太清楚,以python的flask框架来看,我从表单中得到的数据是一个字典(flask.re ...
- 微信小程序基础之表单Form的使用
表单Form的应用很广泛,我们可以利用form设计登录注册,也可以设计一种答题问卷的形式,今天主要讲一下form的使用 form表单,将组件内输入的"switch","i ...
- javascript基础 之 表单
1,js可以验证表单 实例1,js获取表单的内容 //html表单是这样的 <form name="myForm" action="demo_form.php&qu ...
- html基础笔记-表单、链接
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <!-- 字符编码U ...
随机推荐
- Python-WSGI协议,mini-web框架
本次带给大家的是WSGI-mini-web框架, 其中要下载一些网络页面, 大佬们不要见怪. 我所做的mini-web 支持路由, 正则表达式, 添加了log日志功能:解析了url编码可以用 来理解W ...
- 一个自动换行，不可以滚动的 textview
 主要效果有几点 只显示一行文字 输入文字过长时,自动换行 上下不可以滑动 删除时,自动显示上一行文字. 如何做到 只显示一行 textView.heightAnchor.constraint(eq ...
- Understanding Undefined Behavior
"undefined behavior: behavior for which this International Standard imposes no requirements.&qu ...
- SVN图形客户端上传静态库.a文件失败
1.原因客户端未添加静态库 2.解决办法 到项目静态库所在目录用命令行添加静态库文件 svn add ****.a 3.可能存在问题 Mac OS的自带SVN版本过低不能添加,报错如下: svn: E ...
- chrome inspect 远程调试H5
chrome://inspect/#devices 一个内置于chrome的远程调试指令,满足远程调试的几个必须条件 1,能够访问https://chrome-devtools-frontend.ap ...
- 使用sqlyog连接到服务器数据库，实现可视化数据操作。（完美解决版。）《亲测！！！！》
服务器中的表 select Host ,User ,Select_priv ,Insert_priv ,Update_priv ,Delete_priv ,Create_priv ,Drop_pr ...
- 【GDKOI2017】 两个胖子萌萌哒 小学奥数题
题目大意:给你一个$n\times m$的网格,你要在这个网格上画三角形. 三角形的顶点只能在网格的整点上,且至少有一条边平行于$x$或$y$轴,且三角形面积为整数.问你能画多少个不同的三角形. 两个 ...
- Google Maps-IP地址的可视化查询
转自:http://www1.huachu.com.cn/read/readbookinfo.asp?sectionid=1000004203 第3章 实战Google Maps API之一——IP地 ...
- mysql ERROR 1045 (28000): Access denied for user 可能解决方法分析
在实际登录redmine的过程中,我们遇到了如下的error ERROR 1045 (28000): Access denied for user 'root'@'localhost' (using ...
- 前端h5遇到的问题及解决办法
以后遇到的问题都记录在这里. 1.由于先有的pc端后需求手机端,所以没有用框架做适配,而是手动媒体查询进行手机端.pad.pc 三端适配,界面比较简单,所以这么做也不复杂,就是坑比较多. 2.移动和p ...