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 ...
随机推荐
- Lora通信解决方案对比
欢迎大家进群交流分享:QQ群:773082801
- 企业IM (或业务系统)web api的json格式设计思考(原创)
在企业IM开发中,经常用到和业务系统的数据交换,在中国企业最常见的比如组织架构变更,一般在客户端加密保存了组织架构树(便于快速的查询和树展示),当HR或OA或AD域这些管控企业组织架构的数据发生改变, ...
- Andrew Ng机器学习第三章——线性回归回顾
一些概念: 向量:向量在矩阵中表示为只有一列的矩阵 n维向量:N行1列的矩阵. 利用矩阵计算可以快速实现多种结果的计算. 如下图,给出四个房子大小的样本,有四个假设函数对房子价格进行预测.构造下面的矩 ...
- easyUI datebox 日期空间斜杠格式化。例如将日期空间中显示2017-03-13,改为2017/03/13
easyUI datebox 日期空间斜杠格式化 将日期空间中显示2017-03-13,改为2017/03/13 //日期控件斜杠格式化 function formatDate(date){ if( ...
- Win7中安装EclipsePHP
1. 安装WarmServer(一键式安装apache+php+mysql); 2. 将安装后的EclipsePHP工作目录workspace指向WarmServer安装目录下的www目录下即可 异常 ...
- Spring Boot 项目发布到 Tomcat 服务器
第 1 步:将这个 Spring Boot 项目的打包方式设置为 war.<packaging>war</packaging> SpringBoot 默认有内嵌的 tomcat ...
- org.apache.hadoop.security.AccessControlException: org.apache.hadoop.security .AccessControlException: Permission denied: user=Administrator, access=WRITE, inode="hadoop": hadoop:supergroup:rwxr-xr-x
这时windows远程调试hadoop集群出现的这里 做个记录 我用改变系统变量的方法 修正了错误 网上搜索出来大概有三种: 1.在系统的环境变量或java JVM变量里面添加HADOOP_USE ...
- javascript中函数声明和函数表达式的区别 分类: JavaScript 2015-05-07 21:41 897人阅读 评论(0) 收藏
1.js中函数表达式的定义 表达式(expression)JavaScript中的一个短语,javascript会将其计算(evaluate)出一个结果.程序中的常量是一个最简单的表达式.变量名也是一 ...
- MediaWIKI部署流程
1.下载mediawiki,地址:https://www.mediawiki.org/wiki/MediaWiki 2.下载xxamp集成软件,地址:https://www.apachefriends ...
- C++中迭代器原理、失效和简单实现
目录 迭代器的使用 迭代器的种类 迭代器的失效 迭代器的实现 1.迭代器的使用 为了提高C++编程的效率,STL中提供了许多容器,包括vector.list.map.set等.有些容器例如vector ...