表单，单行文本框，密码框，单选框，列表框（下拉列表），浏览框，隐藏域，多行文本框，图像按钮，提交按钮，重置按钮，普通按钮

- 日理万妓 2022-07-13 12:07 216阅读 0赞

表单：是用于向服务器发送数据，客户和服务器端交互的一种工具

用户注册用户登录  评论 留言  帖子  下订单…

<form></form>表单元素

name="fm1"   表单元素名称，页面中唯一

action="url"  提交数据后的处理页面

method="post | get"  提交数据的方式

enctype="multipart/form-data"  当表单中有照片  文件需要用这个编码方式：  大部分  表单数据

text:

type="text"  文本框

name="uName"   元素的名字  页面中名称唯一，主要用于和php，jsp等服务器语言进行交互

id="uName"    元素的编号，用来和 js，jquery…语言进行交互

value="请输入用户名"  默认值

password

type="password" 密码框

name="uPwd"  名称

id="uPwd"  编号

单选框：

type="radio" 单选框

name="uSex" 名字，排它作用

value="2"  默认值，与数据处理相关

checked="checked" 默认选中项

复选框

checkbox中name可以重复

type="checkbox"   复选框

name="uLevel"  名字，可以重复

value="2"  默认值

checked="checked"默认选中项

select 用来省份，城市选择 下拉列表

官方格式

<select name="pro" id="pro">

<optgroup label="用户籍贯">  提示

<option value="1">北京</option>  选项，value 默认值

<option value="2">上海</option>

<option value="3">绥德</option>

<option value="4">榆林</option>

</optgroup>

</select>

**注意：在使用中 optgroup 不需要写**

浏览框

type="file" 浏览框

name="uImg" 名字

id="uImg"  页面中编号

比如上传照片

**隐藏域：**客户与服务器传递一些数据的，页面上不显示

type="hidden" 隐藏域名

name="uDate"  名字

**多行文本框**

textarea

rows="8" 行数

cols="40" 列数 与浏览器相关

有name，id属性

<textarea>顶天立地绥德汉</textarea>“顶天立地绥德汉”是默认值

比如发布评论

图像按钮：把index→indexDo页面上进行处理

type="image" 图像提交按钮

src="imgs/1.jpg" 图像的url  遵循路径规则

提交按钮：

type="submit"  提交按钮

value="提交"    按钮上的文字  默认值

重置按钮：把同一个from中的元素，都还原成默认值

type="reset"  重置按钮

value="重置" 按钮上的字

普通按钮：为其他语言提供服务的

type="button"   自定义按钮

value="点点看"  按钮上的字

发表评论取消回复

表情：

评论列表（有 0 条评论，216人围观）

还没有评论，来说两句吧...

相关阅读

相关【Java GUI编程】004-Swing学习笔记（二）：图片按钮、单选框、多选框、下拉框、列表框、文本框、密码框、文本域

目录一、图片按钮代码演示：运行结果：二、单选按钮代码演示：运行结果：三、多选按钮代码演示：运行结果：四、下拉框代码演示：运行

朱雀/ 2023年10月05日 09:53/ 0 赞/ 132 阅读

相关 JavaFX --- 标签、文本框、密码框、下拉框、按钮、单选按钮、复选框

目录 JavaFX的基本结构和概念 Application --- 代表了JavaFX的应用程序 Stage --- 舞台 --- 代表了一个窗体。在Applicat

柔情只为你懂/ 2023年09月29日 15:00/ 0 赞/ 15 阅读

相关 GUI编程：swing之图片按钮，单选框，复选框

图片按钮示例代码： public class JButtonDemo01 extends JFrame { public J

谁借莪１个温暖的怀抱￠/ 2022年11月11日 13:13/ 0 赞/ 230 阅读

相关表单中去掉重置和提交按钮和搜索框

去掉重置和提交按钮 <ProForm submitter={ { // 配置按钮文本

小灰灰/ 2022年10月13日 15:53/ 0 赞/ 306 阅读

相关单选按钮、下拉框、复选框选中问题

我们直接看例子吧： <input type="radio" name="radio" value="$\{var.id \}" checked="checked"/>$\{v

爱被打了一巴掌/ 2022年09月20日 11:13/ 0 赞/ 314 阅读

相关 html 替换多选框和单选框默认的按钮

<div class="113" > <label class="checkbox-inline

喜欢ヅ旅行/ 2022年08月20日 12:28/ 0 赞/ 167 阅读

相关表单，单行文本框，密码框，单选框，列表框（下拉列表），浏览框，隐藏域，多行文本框，图像按钮，提交按钮，重置按钮，普通按钮

表单：是用于向服务器发送数据，客户和服务器端交互的一种工具用户注册用户登录评论留言帖子下订单… <form></form>表单元素 name="fm1"

- 日理万妓/ 2022年07月13日 12:07/ 0 赞/ 217 阅读

相关 Java选择框和单选按钮

选择框、单选框和单选按钮都是选择组件，选择组件有两种状态，一种是选中(on)，另一种是未选中(off)，它们提供一种简单的 “on/off”选择功能，让用户在一组选择项目中作选

深碍√TFBOYSˉ_/ 2022年05月16日 03:46/ 0 赞/ 241 阅读

相关 bootstrap 复选框及单选按钮

<div class="form-group floating-label"> <label >是否开启RMB购买</label> <

喜欢ヅ旅行/ 2021年12月14日 14:05/ 0 赞/ 471 阅读

相关单选按钮和复选框

单选按钮（RadioButton）和复选按框（CheckBox）都是很常用的组件，尤其是在对话框中。单选按钮（RadioButton）是一种具有排他性的选择组件，用户每一次只能

╰+哭是因爲堅強的太久メ/ 2021年11月29日 11:30/ 0 赞/ 542 阅读