Lesson02_03 表单标签

169 阅读 0 评论 112 点赞

我是靠谱客的博主单身书本，最近开发中收集的这篇文章主要介绍Lesson02_03 表单标签，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

<form></form>

用来创建一个表单,即定义表单的开始和结束位置

属性名	作用
action	设置处理表单的服务器端URL地址.默认为表单页
method	用来设置将表单中的信息提交给服务端的处理程序时所用的方式取值为:get或post 默认值为:get 传大于1K的时候要用post
target	用来指定服务器返回结果显示的目标窗口或目标帧
title	用来设置当网站访问者的鼠标在表彰会上的任一位置停留过几秒时显示的文字
enctype	指示浏览器使用哪种编码方法将表单数据传送给www服务器,其取值为: application/x-www-form-urlencoded和multipart/form-date,默认为前者

提交按钮:<input type="submit">

用于提交表单的内容
当设有name值时其name及value也要提交给服务器

代码如下:
<form> <input type="submit"> </form>

效果如下:

重置按钮:<input type="reset">

用于将表单的内容置为默认值

代码如下:
<form> <input type="reset"> </form>

效果如下:

单行文本输入区域:<input type="text">

其有一个size属性来指定输入区域的大小,以字符为单位

代码如下: <form> <input type="text"> </form>	效果如下:
size属性: <form> <input type="text" size="9"> </form>	效果如下:
maxlength属性下: <form> <input type="text" maxlength="10"> </form> 只可以输入9个字符	效果如下:
value属性: <form> <input type="text" value="Loncer"> </form>	效果如下:
readonly属性:`<form> <input type="text" readonly value="Loncer"> </form>` 手工改动不了,可以用脚本去改	效果如下:
disable属性:`<form> <input type="text" disabled value="Loncer"> </form>` 当不存在这个元素,不将其传给服务器	效果如下:

复选框按钮:<input type="checkbox">

`<form> <input type="checkedbox" name=check> </form>`	效果如下: 对不
checked属性`<form> <input type="checkedbox" checked name=check> </form>`	效果如下: 对不

单选框按钮:<input type="radio">

只可以一个被选中


<form> <input type="radio" name=radio1 value=1 checked>男
<input type="radio" name=radio1 value2>女 </form>

效果如下:

隐藏字段:<input type="hidden">

不显示,用于提交隐藏的信息

密码输入区:<input type="password">

使输入的内容为*号,即不可见的

代码如下: <from>< input type="password"> </frome>

效果如下:

按钮:<input type="button">

与脚本相连

代码如下:
<from>< input type="button" value="提交"> </frome>

效果如下:

最后

以上就是单身书本为你收集整理的Lesson02_03 表单标签的全部内容，希望文章能够帮你解决Lesson02_03 表单标签所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。

本文分类：CSS/CSS3
浏览次数：169 次浏览
发布日期：2022-04-08 16:44:02
本文链接：https://www.kaopuke.com/article/k-p-k_13_uzokf2_13_z_22__27_.html

Lesson02_03 表单标签

概述

<form></form>

提交按钮:<input type="submit">

重置按钮:<input type="reset">

单行文本输入区域:<input type="text">

复选框按钮:<input type="checkbox">

单选框按钮:<input type="radio">

隐藏字段:<input type="hidden">

密码输入区:<input type="password">

按钮:<input type="button">

最后

评论列表共有 0 条评论

发表评论取消回复

Lesson02_03 表单标签

概述

<form></form>

提交按钮:<input type="submit">

重置按钮:<input type="reset">

单行文本输入区域:<input type="text">

复选框按钮:<input type="checkbox">

单选框按钮:<input type="radio">

隐藏字段:<input type="hidden">

密码输入区:<input type="password">

按钮:<input type="button">

最后

相关文章

评论列表共有 0 条评论

发表评论 取消回复

发表评论取消回复