分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 技术分享

HTML3

发布时间:2023-09-06 02:28责任编辑:郭大石关键词:HTML

例子

<table width="70%"> ???<form> ???<tr> ???????<td align="right"><font color="#ff0000">*</font>用户名:</td> ???????<td><input type="text"><font color="#ff0000">用户名不得小于3个字符</font></td> ???</tr> ???<tr> ???????<td align="right"><font color="#ff0000">*</font>密码:</td> ???????<td><input type="text"></td> ???</tr> ???<tr> ???????<td align="right"><font color="#ff0000">*</font>确认密码:</td> ???????<td><input type="text"></td> ???</tr> ???<tr> ???????<td align="right"><font color="#ff0000">*</font>Email:</td> ???????<td><input type="text"></td> ???</tr> ???<tr> ???????<td align="right"><font color="#ff0000">*</font>真实姓名:</td> ???????<td><input type="text"></td> ???</tr> ???<tr> ???????<td align="right"><font color="#ff0000">*</font>性别:</td> ???????<td> ???????????<select> ???????????????<option>男</option> ???????????????<option>女</option> ???????????</select> ???????</td> ???</tr> ???<tr> ???????<td align="right"><font color="#ff0000">*</font>生日:</td> ???????<td> ???????????<select> ???????????????<option>1990</option> ???????????????<option>1991</option> ???????????????<option>1992</option> ???????????????<option>....</option> ???????????</select> ???????????<select> ???????????????<option>1</option> ???????????????<option>2</option> ???????????????<option>....</option> ???????????</select> ???????????<select> ???????????????<option>1</option> ???????????????<option>2</option> ???????????????<option>....</option> ???????????</select> ???????</td> ???</tr> ???<tr> ???????<td align="right"><font color="#ff0000">*</font>手机:</td> ???????<td><input type="text"></td> ???</tr> ???<tr> ???????<td></td> ???????<td><input type="submit" value="确定"></td> ???????<td></td> ???</tr></form></table>
View Code

【注】1.可以使用表格进行布局,设置9行3列的表格;

           2.红色的*号可以用<font color="#ff0000">*</font>

表单

<form method="get" action=".jsp页面"> ???<input type="text" name="text"> ???<input type="password" name="pwd"></form>

表单:<form> </form>,表单中可以包含input元素、select元素、textarea元素、button元素等

method属性:有post和get两种方式,get使用超链接传送数据并用?连接。post则使用二进制传输数据,可以上传文件。

action属性:规定向何处发送表单数据

name属性:对传送至后端的多个表单数据进行标识,用于后端区分数据。

文本框

<input type="text" size="10" placehoder="请输入密码">

placehoder属性:在未输入时显示默认文本

value属性:设置初始值

size属性:设置文本框长度

密码框

<input type="password">

单选、多选框

<input type="radio"> ?<input type="checkbox">

文本域

<textarea> </textarea>

与文本框的区别是,允许多行,有滚动条

下拉列表

<select > <option >aa</option> <option >bb</option> <option >cc</option></select>

普通按钮

<input type="button" value="确定">普通按钮不具有提交数据功能

提交按钮

<input type="submit" value="确定"> 放在form表单中,具有提交功能或者<button type="submit" value="确定">

重置按钮

<input type="reset" value="清除">

HTML3

原文地址:https://www.cnblogs.com/zhuqiwei-blog/p/10211070.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved