一、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. css单行文本及多行文本溢出显示省略号

    关于文本溢出的相关属性: 1. text-overflow: clip|ellipsis|string;   该属性规定当文本溢出包含元素时发生的事情. clip : 修剪文本. ellipsis : ...

  2. Storm系列二： Storm拓扑设计

    Storm系列二: Storm拓扑设计 在本篇中,我们就来根据一个案例,看看如何去设计一个拓扑, 如何分解问题以适应Storm架构,同时对Storm拓扑内部的并行机制会有一个基本的了解. 本章代码都在 ...

  3. SpringMVC+AJAX+JSON

    在做一个ajax发送json到springmvc的控制层,控制层的对象中有一个List集合,ajax调用总是报415错误.发现了一个一直没有注意到的问题,借机记录一下. (细节部分都忽略了,在最后的d ...

  4. Mac系统的下载（图文详解）

    不多说,直接上干货!   经常使用苹果电脑的网友们,有时候不免会遇到电脑系统崩溃的情况,在通过各种系统补救都无法修复苹果系统时,动手能力稍强的网友肯定会想到要重装系统,这时就需要去下载苹果系统,那么, ...

  5. Python -- Gui编程 -- Tkinter的使用 -- 基本控件

    1.按钮 tkBtton.py import tkinter root = tkinter.Tk() btn1 = tkinter.Button(root, anchor=tkinter.E,\ te ...

  6. 《垃圾回收的算法与实现》——保守式GC

    保守式GC 保守式GC指"不能识别指针和非指针的GC". 不明确的根,寄存器.调用栈.全局变量空间等属于GC root,这些GC均不能识别出是指针还是非指针. 指针的识别,在不明确 ...

  7. Nginx安装图片模块出错，提示fatal error: curl/curl.h

    获得安装包,从网上直接下载下载地址:https://curl.haxx.se/download.html 然后解压安装后就可以了 # # cd curl- # ./configure # make & ...

  8. Spring MVC 实现web Socket向前端实时推送数据

    最近项目中用到了webSocket服务,由后台实时向所有的前端推送消息,前端暂时是不可以发消息给后端的,数据的来源是由具体的设备数据收集器收集起来,然后通过socket推送给后端,后端收到数据后,再将 ...

  9. InterView之PHP2

    PHP 理论知识 常用的超全局变量(8个) $_GET ----->get传送方式 $_POST ----->post传送方式 $_REQUEST ----->可以接收到get和po ...

  10. [PKUWC 2018]随机算法

    Description 题库链接 给定一张有 \(n\) 个点 \(m\) 条边的无向图,生成 \(1\sim n\) 的全排列,假设一个排列是 \(p\) , \(S\) 是当前最大独立集:如果 \ ...