HTML之表单
- 在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=""/>
分享到:
相关推荐
<button class="layui-btn" lay-submit lay-filter="open-layer-form">打开表单弹窗</button> ``` 5. 编写弹窗逻辑: 在`layui.use()`回调函数中,编写点击按钮时弹出表单的逻辑。这通常包括创建表单结构、监听...
- <form>:创建HTML表单,用于数据收集。 - <input>:定义输入控件,用于收集用户输入。 - <select>和<option>:创建下拉选择框。 - <textarea>:定义多行文本输入控件。 - <button>:定义按钮。 - <div>和...
--> </form> ``` 2. 内联表单 内联表单允许你将表单元素紧密排列在同一行内,通过添加`.form-inline`类到`<form>`标签实现。需要注意的是,由于Bootstrap的控件默认宽度为100%,所以要实现内联效果,需要为每个...
-- 表单项 --> <a-row :gutter="24"> <a-col :span="6"> <!-- 名称 --> <a-form-item> <a-select v-decorator="['equipment[' + index + ']', { ... }]"> <!-- 对比项选项 --> </a-select> </a-form-item> ...
- `<FORM>`:定义HTML表单,用于收集用户输入。 - `<INPUT>`:定义输入控件,如文本框、按钮等。 - `<SELECT>`:定义下拉列表。 - `<TEXTAREA>`:定义多行文本输入字段。 ### 8. 嵌入对象 - `<EMBED>`:用于嵌入...
一款国外进口漂亮的html5登录窗口界面网页模板,带头像显示的网站用户Login登录表单页面模板下载。 [removed]$(document).ready(function(c) { $('.close').on('click', function(c){ $('.login-form')....
—注释文字 -->,用于添加不会显示在页面上的注释。 5. 水平分隔线:<hr>在页面上创建一条水平线。 四、文本格式化 - <b>:使文本变为粗体。 - <i>:使文本变为斜体。 - <del>:表示删除线,用于标记已删除的文本。...
-- 表单元素1 --> </div> <div class="col-6"> <!-- 表单元素2 --> </div> </div> <!-- 更多行和列 --> </form> ``` 在每个`.col-*`内部,可以放置各种表单元素,如`<input>`、`<select>`、`<textarea>`等。...
<a href="#sheet1"><b>更多选项</b></a> </li> </ul> </div> ``` 使用JavaScript控制显示隐藏: ```javascript // 使用toggle方法控制显示隐藏 mui('#sheet1').popover('toggle'); ``` ### Badge徽标 Badge...
2. **页面编码设置**:HTML页面需要声明正确的字符集,以确保浏览器正确编码和解码表单数据。例如: ```html <meta charset="UTF-8"> ``` 3. **Java代码处理**:在Servlet或Struts2等框架中接收表单数据时,确保...
-- Left and right controls --> <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> ...
--...-->`:用于添加注释,不显示在页面上。 3. **特殊文本标签**: - `<acronym>`:定义只取首字母的缩写(HTML5中不再推荐使用,建议使用`<abbr>`)。 - `<abbr>`:定义缩写。 - `<address>`:定义作者或文档...
- `<input>`创建各种表单输入元素,如文本框、按钮、复选框等。 - `<ins>`表示插入到文档的文本。 - `<isindex>`(已废弃)用于创建一个搜索字段,现代网页中通常使用表单元素。 - `<kbd>`表示键盘输入。 - `<label>...
- `<form>`:创建表单。 - `<input>`:不同类型的输入字段,如文本(type="text")、密码(type="password")等。 - `<textarea>`:多行文本输入。 - `<button>`:创建按钮。 - `<label>`:与输入元素关联,...
<a class="nav-link" href="#">首页 <span class="sr-only">(current)</span></a> </li> <li class="nav-item"> <a class="nav-link" href="#">关于</a> </li> <li class="nav-item"> <a class="nav-link" ...
- `<fieldset>`:定义一组相关的表单控件及其标题。 - `<figcaption>`:定义`<figure>`元素的标题。 - `<figure>`:定义媒介内容的容器,如图片、图表等。 - `<footer>`:定义页面或section的页脚。 - `<form>`...
<html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-...