HTML 静态网页制作12月2日表单样式
HTML 表单的应用源代码:
<body> <center> 账号:<input type="text" name="first"/> <br /> 密码:<input type="password" name="seconds"/> <br /> 备注:<textarea name="third" cols="50" rows="4"></textarea><br /> <input type="submit" value="注册" /> <input type="reset" value="重置" /> <input type="button" value="按钮" /> <form id="form1" name="form1" method="post" action=""> <input type="radio" name="radio" checked="checked" id="radio" value="男" />男 <input type="radio" name="radio" id="radio1" value="女" />女<br /> <input name="fuxuan" type="checkbox" value="" /> <input name="fuxuan" type="checkbox" value="" /><br /> <p><label><input type="checkbox" name="CheckboxGroup1" value="复选框" id="CheckboxGroup1_0" />薯条</label><br /><label><input type="checkbox" name="CheckboxGroup1" value="复选框" id="CheckboxGroup1_1" />可乐</label><br /><label><input type="checkbox" name="CheckboxGroup1" value="复选框" id="CheckboxGroup1_2" />汉堡</label><br /> </p> </form> <br /> <form id="form2" name="form2" method="post" action=""><p><label><input type="radio" name="RadioGroup1" value="单选" id="RadioGroup1_0" />男</label>     <label><input type="radio" name="RadioGroup1" value="单选" id="RadioGroup1_1" />女</label><br /></p> </form> <input type="file" /><br /> <select name="down" size="1"> <option selected="selected">雪碧</option> <option>百事</option> <option>美年达</option> <option>可口可乐</option> </select> </center> </body>
效果如下图:
练习:用表单做邮箱注册
源代码:
<title>表单使用</title> </head><body background="未标题-1.jpg" style="background-repeat:repeat-x"><center><table width="370" border="0"><tr><td height="30" align="left">邮箱:</td><td align="left"><input type="text" name="youxiang" /></td></tr><tr><td height="30" align="left"></td><td align="left"><font size="-2" color="#333333">需要通过邮箱激活账户,不支持sohu,21cn,sogou的邮箱</font></td></tr><tr><td height="34" align="left">登录用户名:</td><td align="left"><input type="text" name="ming" /></td></tr><tr><td height="30" align="left"></td><td align="left"><font size="-2" color="#333333">仅在登录时使用,字符数不少于4个</font></td></tr><tr><td height="30" align="left">显示名称:</td><td align="left"><input type="text" name="xian" /></td></tr><tr><td height="30" align="left"></td><td align="left"><font size="-2" color="#333333">即昵称,字符数不少于两个</font></td></tr><tr><td height="30" align="left">密码:</td><td align="left"><input type="password" name="mi" /></td></tr><tr><td height="30" align="left">确认密码:</td><td align="left"><input type="password" name="que" /></td></tr><tr><td height="30" align="left"></td><td align="left"><font size="-2" color="#333333">至少8位,必须包含字母、数字、特殊字符</font></td></tr><tr><td align="left">性别:</td><td align="left"><p><label><input type="radio" name="xingbie" value="男" id="xingbie_0" />男</label> <label><input type="radio" name="xingbie" value="女" id="xingbie_1" />女</label><br /></p></form></td></tr><tr><td height="30" align="left">喜好:</td><td align="left"> <select name="down" size="1"> <option selected="selected">音乐</option> <option>看书</option> <option>运动</option> <option>电影</option> </select></td></tr><tr><td align="left"></td><td align="left"><input type="submit" value="注册" /></td></tr></table></center> </body>
效果如下图:
转载于:https://www.cnblogs.com/xuankai1987/p/5020987.html
HTML 静态网页制作12月2日表单样式相关推荐
- 黑牛外汇交易系统2007年12月27日做单记录
黑牛外汇交易系统2007年12月27日做单记录
- HTML静态网页 图片热点、框架、表单
图片热点: 规划出图片上的一个区域,可以做出超链接,直接点击图片区域就可以完成跳转的效果. 示例: 网页划区: 在一个网页里,规划出一个区域用来展示另一个网页的内容. 示例: 框架: 1.frames ...
- 黑牛外汇交易系统2007年12月17日做单记录
总结: GBP/JPG 是不应该做的单子 1. 没有空间. 2. 这个货币种类我们没有优化. 遵守纪律是非常重要的.遵守纪律是一个完美的表现. 今日获利: 147.13+336.99+17.64-19 ...
- 2016年10月30日表单标签与样式表分类和选择器
今天上午讲的表单标签 <form name="表单"method="get" action="Untitled-2.html"> ...
- 12月25晚-12月29日做的两个网页
1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 < ...
- 2020年12月31日flash禁用后网页如何播放rtmp视频流
2020年12月31日flash禁用后网页如何播放rtmp视频流 众所周知,2020年底flash将不再被各大浏览器支持,那么以前利用flash技术做的产品该怎么办呢?我就遇到了这样的问题. 公司有一 ...
- wps两列数据分别作为xy轴_一图胜千字:科研论文插图/数据处理和图表制作学习会(2019年12月2729日 上海)...
我是吸铁石,无论你多强大,只要你离我近,就会被磁化 放射技师考试资料独家整理历年真题.考点分析.名师讲解.影像资讯. 执业技师资格考试在路上,放射技师之路,你我同行. (全文共计1485字,预计阅读时 ...
- 【历史上的今天】12 月 18 日:Perl 1.0 诞生;音频制作软件 FL Studio 问世;微软发布 Windows MCE 2003
整理 | 王启隆 透过「历史上的今天」,从过去看未来,从现在亦可以改变未来. 今天是 2021 年 12 月 18 日,在 1890 年的今天,无线电发明家埃德温·阿姆斯特朗(Edwin Armstr ...
- 一图胜千字:科研论文插图/数据处理和图表制作学习会(2019年12月27-29日 上海)...
科研论文插图/数据处理和图表制作学习会 2019年12月27-29日 上海,26号报到, 现场赠送8gU盘和高清视频供课后复习使用 主讲老师 金老师来自中科院系统.在医学生物科研一线岗位10余年,发表 ...
最新文章
- webpack配置vue组件加载器
- C++中extern “C”含义深层探索(zz)
- C语言位于30到100之间的一个奇数,《帮你度过C语言新手阶段》系列之三
- 黑马java代码04-05.docx
- 教你如何在linux 下批量卸载
- Python 内置模块之 re
- Unity Android 动态更新 Assembly-CSharp.dll
- Monkey学习笔记三:Monkey脚本编写
- CS231n李飞飞计算机视觉 神经网络训练细节part2上
- C# Interface 的一点笔记。explicit Interface Implementation
- 【虚拟机】安装windowxp/windows2003系统 镜像文件 及 安装过程
- 为什么要用用例图 用例图是什么 用例图怎么画 用例图有哪些元素
- 布隆过滤器与布谷鸟过滤器(经典版)
- Davids阅读笔记:《如何阅读一本书》
- 视频,图像,像素,分辨率,RGB, YUV简单说明
- 定期进行磁盘碎片整理是对计算机系统进行,电脑需要定期对磁盘进行碎片整理吗?整理有什么好处?...
- 【蓝桥杯每日一练:小z的序列游戏-k】
- Win11系统玩游戏的时候总是弹出输入法怎么回事?
- cola ui ajax,Cola-UI 文档中心
- 通过加速度计和陀螺仪解算姿态