一、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）的更多相关文章

  1. Bootstrap<基础六> 表单

    Bootstrap 通过一些简单的 HTML 标签和扩展的类即可创建出不同样式的表单. 表单布局 Bootstrap 提供了下列类型的表单布局: 垂直表单(默认) 内联表单 水平表单 垂直或基本表单 ...

  2. 【ASP.NET 基础】表单和控件

    1.HTML表单的提交方式 对于一个普通HTML表单来说,它有两个重要的属性:action 和 method.action属性指明当前表单提交之后由哪个程序来处理,这个处理程序可以是任何动态网页或者 ...

  3. 玩转Django2.0---Django笔记建站基础七(表单与模型)

    第七章 表单与模型 表单是搜集用户数据信息的各种表单元素的集合,作用是实现网页上的数据交互,用户在网站输入信息,然后提交到网站服务器端进行处理(如数据录入和用户登录.注册等). 用户表单是web开发的 ...

  4. HTML基础2 表单和框架

    表单: <form id="" name="" method="post/get" action"负责处理的服务端" ...

  5. html基础之 表单提交方法

    最普通最常用最一般的方法就是用submit type..看代码: <form name=”form” method=”post” action=”#"> <input ty ...

  6. 【HTML】 HTML基础知识 表单

    html 表单 表单的标签是<form>,用于给网站的后台提交数据.提交的数据格式原本是什么样不太清楚,以python的flask框架来看,我从表单中得到的数据是一个字典(flask.re ...

  7. 微信小程序基础之表单Form的使用

    表单Form的应用很广泛,我们可以利用form设计登录注册,也可以设计一种答题问卷的形式,今天主要讲一下form的使用 form表单,将组件内输入的"switch","i ...

  8. javascript基础 之 表单

    1,js可以验证表单 实例1,js获取表单的内容 //html表单是这样的 <form name="myForm" action="demo_form.php&qu ...

  9. html基础笔记-表单、链接

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <!-- 字符编码U ...

随机推荐

  1. ubuntu14.04 安装五笔输入法(fcitx)

    ubuntu 14.04安装完成之后,一打字,默认的ibus一直在显示.解决办法,直接卸载ibus,使用fcitx. fictix拼音有fcitx-pinyin.fcitx-sogoupinyin.f ...

  2. 关于Ubuntu的默认python版本

    大部分Ubuntu系统默认python版本都是python2.x系列,但最新版本已经是3.5和3.6了,软件系统跟着版本走总是有诸多好处的,所以,以下是作者在修改Ubantu默认python版本时的一 ...

  3. commons-logging.jar 和 log4j.jar 的关系

    在用springmvc开发项目的时候,在日志管理这一块,我们一般用的都是log4j进行日志管理,但是我们在导入spring相关的jar的时候,都会看到commons-logging.jar包,为什么我 ...

  4. 【.NET 4.5】新增的 Prefer 32-bit target platform

    这本来是一个很小的feature并且也没有什么模糊的地方,关键是VS把这个设置成了默认值,当默认为Any CPU的时候,application会被编译成32-bit mode. 下边是我遇到的问题,在 ...

  5. java I/O系统总结

    1. InputStream : 从文件.网络.压缩包等中读取 需要的信息到程序中的变量 read();     read(byte []b ); mark(int readlimit); reset ...

  6. manjaro开启sdd trim

      $ sudo systemctl enable fstrim.timer; $ sudo systemctl start fstrim.service; $ sudo systemctl stat ...

  7. filebeat output redis 报错 i/o timeout

    filebeat output  redis 报错 i/o timeout 先把报错内容贴出来. ERROR redis/client. go: Failed to RPUSH to redis li ...

  8. Nodejs学习笔记（十）—与MongoDB的交互（mongodb/node-mongodb-native）、MongoDB入门

    简介 MongoDB 开源,高性能的NoSQL数据库:支持索引.集群.复制和故障转移.各种语言的驱动程序:高伸缩性: NoSQL毕竟还处于发展阶段,也有说它的各种问题的:http://coolshel ...

  9. Linux进程间通信 -- 管道(pipe)

    前言    进程是一个独立的资源管理单元,不同进程间的资源是独立的,不能在一个进程中访问另一个进程的用户空间和内存空间.但是,进程不是孤立的,不同进程之间需要信息的交互和状态的传递,因此需要进程间数据 ...

  10. [转] Linux Daemon Writing HOWTO

    Linux Daemon Writing HOWTO Devin Watson v1.0, May 2004 This document shows how to write a daemon in ...