企业400电话
微网小程序
AI电话机器人
电商代运营
全 部 栏 目
企业400电话
网络优化推广
AI电话机器人
呼叫中心
网站建设
商标✡知产
微网小程序
电商运营
彩铃•短信
增值拓展业务
HTML Form表单元素全面了解
如下所示:
XML/HTML Code
复制内容到剪贴板
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
>
<
html
xmlns
=
"http://www.w3.org/1999/xhtml"
>
<
head
>
<
title
>
注册表单
</
title
>
</
head
>
<
body
>
<
form
action
=
"DoFormAction.htm"
>
<
fieldset
style
=
"width=800px"
>
<!--套住注册表格的边框-->
<
legend
>
请输入如下的信息然后进行注册
</
legend
>
<
table
cellspacing
=
"0px"
cellpadding
=
"6px"
border
=
"1px"
bordercolor
=
"black"
align
=
"center"
width
=
"600px"
>
<
tr
>
<
td
align
=
"right"
>
用户名:
</
td
>
<!--文本框-->
<
td
>
<
input
type
=
"text"
size
=
"20"
style
=
"width:150px"
/>
</
td
>
</
tr
>
<
tr
>
<
td
align
=
"right"
>
密码:
</
td
>
<!--密码框-->
<
td
>
<
input
type
=
"password"
size
=
"20"
style
=
"width:150px"
/>
</
td
>
</
tr
>
<
tr
>
<
td
align
=
"right"
>
确认密码:
</
td
>
<
td
>
<
input
type
=
"password"
size
=
"20"
style
=
"width:150px"
/>
</
td
>
</
tr
>
<
tr
>
<
td
align
=
"right"
>
性别:
</
td
>
<!--单选框-->
<
td
>
<
input
type
=
"radio"
checked
=
"checked"
name
=
"sex1"
value
=
"男"
/>
男
<
input
type
=
"radio"
name
=
"sex1"
value
=
"女"
/>
女
</
td
>
</
tr
>
<
tr
>
<
td
align
=
"right"
>
性别(可以点文字选择):
</
td
>
<
td
>
<
fieldset
style
=
"width:150px"
>
<!--表单外框,也可以通过css设置宽度-->
<
legend
>
请选择性别
</
legend
>
<
input
type
=
"radio"
checked
=
"checked"
name
=
"sex2"
value
=
"男"
id
=
"man"
/>
<
label
for
=
"man"
>
男
</
label
>
<
input
type
=
"radio"
name
=
"sex2"
value
=
"女"
id
=
"woman"
/>
<
label
for
=
"woman"
>
女
</
label
>
</
fieldset
>
</
td
>
</
tr
>
<
tr
>
<
td
align
=
"right"
>
城市:
</
td
>
<!--下拉框-->
<
td
>
<
select
name
=
"city"
>
<
option
value
=
"北京"
>
北京
</
option
>
<
option
value
=
"深圳"
>
深圳
</
option
>
<
option
value
=
"上海"
>
上海
</
option
>
<
option
value
=
"南昌"
selected
=
"selected"
>
南昌
</
option
>
<!--默认选择南昌-->
</
select
>
</
td
>
</
tr
>
<
tr
>
<
td
align
=
"right"
>
城市所在区域:
</
td
>
<
td
>
<
select
name
=
"area"
>
<
optgroup
label
=
"北京"
>
<!--下拉框分组显示-->
<
option
value
=
"朝阳区"
>
朝阳区
</
option
>
<
option
value
=
"海淀区"
>
海淀区
</
option
>
<
option
value
=
"其他区"
>
其他区
</
option
>
</
optgroup
>
<
optgroup
label
=
"南昌"
>
<
option
value
=
"东湖区"
>
东湖区
</
option
>
<
option
value
=
"西湖区"
>
西湖区
</
option
>
<
option
value
=
"青山湖区"
>
青山湖区
</
option
>
</
optgroup
>
</
select
>
</
td
>
</
tr
>
<
tr
>
<
td
align
=
"right"
>
交友目标:
</
td
>
<
td
>
<
select
name
=
"target"
size
=
"3"
multiple
=
"multiple"
>
<!--列表框-->
<
option
value
=
"同行"
selected
=
"selected"
>
同行
</
option
>
<
option
value
=
"普通朋友"
>
普通朋友
</
option
>
<
option
value
=
"爱人"
>
爱人
</
option
>
</
select
>
</
td
>
</
tr
>
<
tr
>
<
td
align
=
"right"
>
爱好:
</
td
>
<
td
>
<!--复选框,注意name属性设置一样,分组-->
<
input
type
=
"checkbox"
name
=
"love"
value
=
"足球"
/>
足球
<
input
type
=
"checkbox"
name
=
"love"
value
=
"蓝球"
/>
蓝球
<
input
type
=
"checkbox"
name
=
"love"
value
=
"乒乓球"
/>
乒乓球
</
td
>
</
tr
>
<
tr
>
<
td
align
=
"right"
>
照片上传:
</
td
>
<
td
>
<!--文件选择框-->
<
input
type
=
"file"
name
=
"myPic"
/>
</
td
>
</
tr
>
<
tr
>
<
td
align
=
"right"
>
自我介绍:
</
td
>
<
td
>
<!--多行文本框-->
<
textarea
rows
=
"5"
cols
=
"50"
>
</
textarea
>
</
td
>
</
tr
>
<
tr
>
<
td
align
=
"center"
colspan
=
"2"
>
<
input
type
=
"submit"
value
=
"确定"
/>
<
input
type
=
"reset"
value
=
"清空"
/>
<
input
type
=
"image"
src
=
"../images/btnreg.png"
onclick
=
"alert('hello')"
/>
<!--演示图片按钮(会提交数据,类似submit)
-->
</
td
>
</
tr
>
</
table
>
</
fieldset
>
</
form
>
</
body
>
</
html
>
以上就是小编为大家带来的HTML Form表单元素全面了解的全部内容了,希望对大家有所帮助,多多支持脚本之家~
上一篇:
浅谈HTML空链接的作用
下一篇:
HTML table 直列化格式详解
相关文章
HTML Form表单元素全面了解
如下所示: XML/HTML Code 复制内容到剪贴板 !DOCTYPEhtmlPUBLIC-//W3C//DTDXHTML1.0Transitional//ENhttp://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns = http://www.w3.org/1999/xhtml head title 注册表单 / title /HTML,Form,表单,元素,全面,...
win10桌面图标盾牌去除方法图解
win10装完软件后图标会显示一个盾版,这是Windows10的UAC 用户账户控制的标志,功能类似防...
潍坊:四年内将培育规模以上服务外包企业300家
中国山东网潍坊频道5月9日讯 8日下午,记者从潍坊市服务外包产业发展规划新闻发布会...
郑州不封卡电销卡办理套餐(郑州电销卡公司)
本文目录一览:1、电销卡在哪里办理2、联通郑州易行卡套餐资费?3、郑州联通手机卡有...
企业400电话认证中心全国400电话办理包年套餐
企业400电话认证中心全国400电话办理包年套餐以下内容由巨人小编整理发布。 400电话是...
400电话,让企业提高自身的服务质量
对于企业来说,提高自己的服务质量是一件很必要的事情,服务是一个企业的面子,它...
贵阳自动外呼系统价钱(外呼系统怎么收费的)
本篇文章给我们谈谈贵阳主动外呼体系价钱,以及外呼体系怎样收费的对应的知识点,...
甘肃ai智能电话机器人排名(智能电话机器人排名前十名
今日给各位共享甘肃ai智能电话机器人排名的常识,其间也会对智能电话机器人排名前...
Win7系统怎么查看局域网arp网络状况?
Win7系统局域网之间通信就是基于mac地址的广播或多播等方式进行的。而最主要的通信协...
黑龙江客户管理系统引见 汇港通科技
汇港通科技团队组建于2018年,是一家专心于大中型小型企业精准经营销售和企业管理工...
网络外呼系统公司的简单介绍
本文目录一览: 1、外呼琐细哪家公司做得好必修 2、此刻外呼琐细哪家公司做的对照好...
如何使用一键GHOST安装Windows XP操作系统
使用Ghost一键安装系统是目前电脑城普遍的做法,因为Ghost安装实在是太快了,比正常安...
任我游公寓式酒店地图标注,征途公寓式酒店地图标注
任我游1300怎么加装凯立德地图? 任我游的四维地图虽然是正版,但是很多主要干道都...
销售员如何理解售后服务的价值
请大家先思考并回答三个问题: 1、你们公司的售后服务收费吗? 2、你们公司的售后服...
杭州电话外呼系统招商(杭州呼叫中心厂家)
今天给各位分享杭州电话外呼系统招商的知识,其中也会对杭州呼叫中心厂家进行解释...
企业400电话 对事业单元的作用
400电话是一个十位数字组成的电话400号码,可以和公司原来所用的电话号码捆绑,而对...
HTML Form表单元素全面了解
如下所示: XML/HTML Code 复制内容到剪贴板 !DOCTYPEhtmlPUBLIC-//W3C//DTDXHTML1.0Transitional//ENhttp://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns = http://www.w3.org/1999/xhtml head title 注册表单 / title /HTML,Form,表单,元素,全面,...
咨 询 客 服