`

HTML-->表单

阅读更多

HTML之表单

  1. 在C/S模式中使用各种控件来存放数据,在B/S模式中,表单用于存放各种数据,获取用户输入的数据信息。
<from name="" action="" method="">
</from> 
  • name:给表单的一个有意义的名字。
  • method:get||post,两种提交方式。get请求会在url中显示输入的内容(默认);对敏感信息的提交使用post;
  • action:请求处理的目标地址。(java:Servlet或JSP).     2.控件
  • 单行
姓名:<input type="text" name="textName" size="10" maxlength="15"/>
密码:<input type="password" name="pwd"/>
  • 多行
  • 提交与重置
<input type="submit" value="提交"/>
<input type ="reset" value="重置"/>

 

<input type="image" src=" "/> 
  

    注意:重置不是清空,只是恢复到默认值。

  • 单选
单选:<input type="radio" name="sex" value="nan" checked />男
<input type="radio" name="sex" value="nv"/>女
  •  多选
多选
<input type="checkbox" name="aihao" value="1"/>吃
<input type="checkbox" name="aihao" value="2"/>喝
<input type="checkbox" name="aihao" value="3"/>玩
<input type="checkbox" name="aihao" value="4"/>乐
  •  下拉
<select name="city" size="4" multiple> 
      <option value="1">北京</option>
      <option value="2"selected>深圳</option>
      <option value="3">天津</option>
      <option value="4">上海</option>
      <option value="5">重庆</option>
</select>
  •  图像提交域
<input  type="image" src=""/>
  •  文件提交域
<input type="file" name=""/>
  







 

分享到:
评论

相关推荐

    基于layui点击按钮弹出包含表单的窗口

    &lt;button class="layui-btn" lay-submit lay-filter="open-layer-form"&gt;打开表单弹窗&lt;/button&gt; ``` 5. 编写弹窗逻辑: 在`layui.use()`回调函数中,编写点击按钮时弹出表单的逻辑。这通常包括创建表单结构、监听...

    html思维导图及总结

    - &lt;form&gt;:创建HTML表单,用于数据收集。 - &lt;input&gt;:定义输入控件,用于收集用户输入。 - &lt;select&gt;和&lt;option&gt;:创建下拉选择框。 - &lt;textarea&gt;:定义多行文本输入控件。 - &lt;button&gt;:定义按钮。 - &lt;div&gt;和...

    Bootstrap每天必学之表单

    --&gt; &lt;/form&gt; ``` 2. 内联表单 内联表单允许你将表单元素紧密排列在同一行内,通过添加`.form-inline`类到`&lt;form&gt;`标签实现。需要注意的是,由于Bootstrap的控件默认宽度为100%,所以要实现内联效果,需要为每个...

    【JavaScript源代码】antd+vue实现动态验证循环属性表单的思路.docx

    -- 表单项 --&gt; &lt;a-row :gutter="24"&gt; &lt;a-col :span="6"&gt; &lt;!-- 名称 --&gt; &lt;a-form-item&gt; &lt;a-select v-decorator="['equipment[' + index + ']', { ... }]"&gt; &lt;!-- 对比项选项 --&gt; &lt;/a-select&gt; &lt;/a-form-item&gt; ...

    HTML----学习资料

    - `&lt;FORM&gt;`:定义HTML表单,用于收集用户输入。 - `&lt;INPUT&gt;`:定义输入控件,如文本框、按钮等。 - `&lt;SELECT&gt;`:定义下拉列表。 - `&lt;TEXTAREA&gt;`:定义多行文本输入字段。 ### 8. 嵌入对象 - `&lt;EMBED&gt;`:用于嵌入...

    漂亮的html5登录窗口界面网页模板.zip

    一款国外进口漂亮的html5登录窗口界面网页模板,带头像显示的网站用户Login登录表单页面模板下载。 [removed]$(document).ready(function(c) { $('.close').on('click', function(c){ $('.login-form')....

    html基础网页编程

    —注释文字 --&gt;,用于添加不会显示在页面上的注释。 5. 水平分隔线:&lt;hr&gt;在页面上创建一条水平线。 四、文本格式化 - &lt;b&gt;:使文本变为粗体。 - &lt;i&gt;:使文本变为斜体。 - &lt;del&gt;:表示删除线,用于标记已删除的文本。...

    bootstrap多列表单布局

    -- 表单元素1 --&gt; &lt;/div&gt; &lt;div class="col-6"&gt; &lt;!-- 表单元素2 --&gt; &lt;/div&gt; &lt;/div&gt; &lt;!-- 更多行和列 --&gt; &lt;/form&gt; ``` 在每个`.col-*`内部,可以放置各种表单元素,如`&lt;input&gt;`、`&lt;select&gt;`、`&lt;textarea&gt;`等。...

    HBuilder-MUI-开发文档

    &lt;a href="#sheet1"&gt;&lt;b&gt;更多选项&lt;/b&gt;&lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; ``` 使用JavaScript控制显示隐藏: ```javascript // 使用toggle方法控制显示隐藏 mui('#sheet1').popover('toggle'); ``` ### Badge徽标 Badge...

    J2EE以GET和POST方式提交表单的乱码解决(受教了)

    2. **页面编码设置**:HTML页面需要声明正确的字符集,以确保浏览器正确编码和解码表单数据。例如: ```html &lt;meta charset="UTF-8"&gt; ``` 3. **Java代码处理**:在Servlet或Struts2等框架中接收表单数据时,确保...

    课程笔记。纯干货

    -- Left and right controls --&gt; &lt;a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev"&gt; &lt;span class="glyphicon glyphicon-chevron-left" aria-hidden="true"&gt;&lt;/span&gt; ...

    HTML5常用标签大全.pdf

    --...--&gt;`:用于添加注释,不显示在页面上。 3. **特殊文本标签**: - `&lt;acronym&gt;`:定义只取首字母的缩写(HTML5中不再推荐使用,建议使用`&lt;abbr&gt;`)。 - `&lt;abbr&gt;`:定义缩写。 - `&lt;address&gt;`:定义作者或文档...

    HTML颜色参考手册(网页开发必备工具)

    - `&lt;input&gt;`创建各种表单输入元素,如文本框、按钮、复选框等。 - `&lt;ins&gt;`表示插入到文档的文本。 - `&lt;isindex&gt;`(已废弃)用于创建一个搜索字段,现代网页中通常使用表单元素。 - `&lt;kbd&gt;`表示键盘输入。 - `&lt;label&gt;...

    HTML第一章-基本标签

    - `&lt;form&gt;`:创建表单。 - `&lt;input&gt;`:不同类型的输入字段,如文本(type="text")、密码(type="password")等。 - `&lt;textarea&gt;`:多行文本输入。 - `&lt;button&gt;`:创建按钮。 - `&lt;label&gt;`:与输入元素关联,...

    bootstrap轮播图+表单+导航.zip

    &lt;a class="nav-link" href="#"&gt;首页 &lt;span class="sr-only"&gt;(current)&lt;/span&gt;&lt;/a&gt; &lt;/li&gt; &lt;li class="nav-item"&gt; &lt;a class="nav-link" href="#"&gt;关于&lt;/a&gt; &lt;/li&gt; &lt;li class="nav-item"&gt; &lt;a class="nav-link" ...

    html5 手册

    - `&lt;fieldset&gt;`:定义一组相关的表单控件及其标题。 - `&lt;figcaption&gt;`:定义`&lt;figure&gt;`元素的标题。 - `&lt;figure&gt;`:定义媒介内容的容器,如图片、图表等。 - `&lt;footer&gt;`:定义页面或section的页脚。 - `&lt;form&gt;`...

    Angular.js实现注册系统的实例详解.docx

    &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-...

Global site tag (gtag.js) - Google Analytics