html---学习之路（form表单的基本属性）

表单form

基本表单格式：

<form  method="post" action="result.html"><p>  名字：<input name="name" type="text" >  </p><p>  密码：<input name="pass" type="password" >  </p><p><input type="submit" name="Button" value="提交"/><input type="reset" name="Reset" value="重填“/> </p>
</form>

`<form></form>`中的属性：

method:

其中常用的两种提交表单方式有post和get，

get方式是将提交的内容直接显示到url之后
post方式是将提交的内容封装后提交

通常情况下使用post方式提交

action:

表示向何处发送表单数据

基本输入框：

<input  type="text"  name="fname" value="text"/>

input中的属性：

type:

type的值不同，表现出来文本框的样式也有所不同：

text：

表示本表单是一个普通的文本框

password：

表示输入的是密码，在输入数值时输入的信息变为小黑点

radio：

表示单选框，一般与name属性配合使用

checkbox：

表示多选框，一般与name属性配合使用
其中单选框和多选框中，checked可以设置默认选择的值

file：

表示可以上传文件，通过设置multiple属性可以上传多个文件

type属性也可以当做按钮来使用：

<input type="submit" />                       <!--提交按钮可以直接提交数据-->
<input type="reset" />                              <!--重置按钮-->
<input type="button" value="普通按钮"/>     <!--普通按钮后续配合js使用 -->

点击按钮时，是将同一个<form></form>模块中的信息提交或重置。

name：表示表单元素的名称

可以将多个input文本建立联系

value：表示表单元素的初始值

size：指定表单元素的初始宽度

设置文本框的长度

maxlength：

可以设置本输入框输入的的最大字符数

 <!--form标签管理本文框的区域--><form><!--文本          placeholder占位符可以输入一些提示信息  size文本框长度-->文本框：<input type="text" placeholder="提示信息" size="20"  /><hr />
<!--密码 书写的内容都显示一个黑点 maxlength允许输入最大的数-->
密码：<input type="password" maxlength="10"/>
<hr/><!--单选框   name表示分组多个只能选择一个     checked表示默认选中-->
性别：<input type="radio" name="1" value="nan" checked="checked"/>男 <input type="radio" name="1"/>女
<hr /><!--多选框-->
多选框<input type="checkbox" />
<hr /><!--上传文件   multiple可以上传多个文件-->
上传文件：<input type="file" multiple="multiple" /><hr />
<!--按钮  value给按钮添加属性-->
<input type="submit" /> <!--提交按钮可以直接提交数据-->
<input type="reset" />  <!--重置按钮-->
<input type="button" value="普通按钮"/>  <!--普通按钮后续配合js使用 -->
</form>

html---学习之路（form表单的基本属性）相关推荐

django ajax form表单,Django学习系列之Form表单和ajax(示例代码)
昵称: 生日: 性别: 男女地址: 手机号: 邮箱: [修改] {% csrf_token %}$(\'#js ...
前端学习--Ajax(2) form表单
一.form表单组成:表单标签.表单域(采集信息).表单按钮(提交) 1.1 <form>的属性 action -- 向何处发送表单数据如果不写默认是当前页面url target -- ...
Layui form 表单验证基本属性
layui 表单 1.表单自带校验 lay-verify:是表单验证的关键字有以下值供选择: required (必填项) phone(手机号) email(邮箱) url(网址) number(数 ...
html表单怎么设置编码,form 表单设置编码和页面编码
var isIE=!!window.ActiveXObject; if(isIE && document.charset!="utf-8")location.rel ...
在php中表单传值怎么用,PHP学习笔记 01 之表单传值
一.HTML传值/PHP接收方法 1.GET(地址栏+问号+数据信息) (1)方式一:表单Form: method = 'get' GET接收数据方式: $_GET['表单元素name对应的值] (2 ...
学习日志day45（2021-09-09）（1、有道翻译API使用json格式数据 2、JSONP 3、Ajax提交form表单 4、Web Uploader）
学习内容:学习JavaWeb(Day45) 1.有道翻译API使用json格式数据 2.JSONP 3.Ajax提交form表单 4.Web Uploader 1.有道翻译API使用json格式数据 ...
1月26日学习内容整理：reverse函数补充，modelform对象补充，form表单参数补充
1.reverse函数中的args参数,必须是一个元组,只有一个元素时必须加逗号,并且args给URL传参数的时候是根据分组传的,所以我们设置的URL中的要传参的正则表达式一定要加括号 2.我们用未绑 ...
前端请求进化之路--从form表单到JSONP
简单梳理前端请求的变迁史,着重对JSONP进行整理请求演变使用form表单提交请求,缺点是每次提交必定会刷新页面在1基础之上使用iframe进行局部刷新,用户体验得到一定优化动态创建图片提交请 ...
java表单单击路径_Form表单中的action路径问题，form表单action路径《jsp---Servlet路劲问题》这个和上一个《jsp---Servlet》文章有关...
Form表单中的action路径问题,form表单action路径今天刚接触web,在用jsp和servlet做一个简单的登陆的时候在Form表单action属性和method属性的一些问题: 我遇 ...

html---学习之路（form表单的基本属性）

表单form

`<form></form>`中的属性：

method:

action:

基本输入框：

input中的属性：

type:

text：

password：

radio：

checkbox：

file：

type属性也可以当做按钮来使用：

name：表示表单元素的名称

value：表示表单元素的初始值

size：指定表单元素的初始宽度

maxlength：

html---学习之路（form表单的基本属性）相关推荐

最新文章

热门文章

html---学习之路（form表单的基本属性）

表单form

<form></form>中的属性：

method:

action:

基本输入框：

input中的属性：

type:

text：

password：

radio：

checkbox：

file：

type属性也可以当做按钮来使用：

name：表示表单元素的名称

value：表示表单元素的初始值

size：指定表单元素的初始宽度

maxlength：

html---学习之路（form表单的基本属性）相关推荐

最新文章

热门文章

`<form></form>`中的属性：