一、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. iOS开发－－应用国际化，应用内切换语言

    1.前言 自己负责的项目需要做国际化,并且要求应用内部切换语言.这个是可以做到的,也并不难,可以直接戳Github看一下 https://github.com/leo90821/Localiztion ...

  2. C++命名空间、函数重载、缺省参数、内联函数、引用

    一 .C++入门 1.C++关键字 2.命名空间 3.C++输入&输出 4.缺省参数 5.函数重载 6.引用 7.内联函数 8.auto关键字 9.基于范围的for循环 10.指针空值null ...

  3. AsyncTask的前世今生

    先看下Java Threading Framework的类图:        Callable与Runnable类似,差别在Callable具有返回值,共同点是两个都是执行体,一般都抽象为任务处理. ...

  4. ANR触发原理（what triggers ANR?）

    Ref: http://developer.android.com/training/articles/perf-anr.html http://stackoverflow.com/questions ...

  5. 一、php开始篇

    4种编码习惯<?php echo 'hello world';?> <? echo 'hello world';?> <% echo 'hello world';%> ...

  6. Vue前端框架面试问题

    1.active-class是哪个组件的属性?嵌套路由怎么定义? 答:vue-router模块的router-link组件. 2.怎么定义vue-router的动态路由?怎么获取传过来的动态参数? 答 ...

  7. ABP实战--集成Ladp/AD认证

    参照Hunter的ABP-Zero模块中用户管理部分. 由于我们公司的各系统基本都是AD帐号登录的,所以我们需扩展ABP的AuthenticationSource. 添加MyLdapAuthentic ...

  8. java字符串应用之表达式解析器

    一.表达式的组成    1.数字    2.运算符:+ - / * ^ % =    3.圆括号    4.变量二.运算符优先级    由高到低分别为:+-(正负号).^.*/%.+-.=    优先 ...

  9. ruby中数组的常用函数

    在程序中定义一个数组 在程序中定义一个数组,因为我们在下面说明. fruits = ["apple", "orange", "lemon"] ...

  10. Python3中使用urllib的方法详解(header,代理,超时,认证,异常处理)

    出自  http://www.jb51.net/article/93125.htm