【ibokan】表单<Form>元素的一些简单实现代码
来源:互联网 发布:ios上学编程的app 编辑:程序博客网 时间:2024/05/23 23:04
代码实现方式:
<!DOCTYPE html><head> <title> New Document </title> <meta name="Generator" content="EditPlus"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <meta charset="utf-8"> <style type="text/css"> div{ width:35%;margin-left:32%;} </style></head><body > <div> <form class="f1" action="http://www.baidu.com" method="get" > <fieldset > <legend>表单的注册</legend> <table width=100% > <tbody> <tr ><td class=“left” width=40% align="right"><label for="t1">姓 名:</label></td> <td class="right"><input type="text" id="t1" name="Name"></td> </tr> <tr><td class=“left” width=40% align="right"><label for="Password1">密 码:</label></td> <td class="right"><input id="Password1" type="password" name="Password" /></td> </tr> <tr><td class=“left” width=40% align="right"><label for="e1">邮 箱:</label></td> <td class="right"><input type="email" id="e1" name="youxiang" ></td> </tr> <tr><td class=“left” width=40% align="right"><label for="1">性 别:</label></td> <td class="right"><input type="radio" id="1" name="ssex" value="nan" />男<!-- name设置成一样的就行了--> <input type="radio" id="2" name="ssex" value="nv" />女 </td> </tr> <tr><td class=“left” width=40% align="right">地 区:</td> <td><select id="selc" name="place"> <option value="quanzhou">泉州</option> <option value="xiamen">厦门</option> <option value="zhangzhou" >漳州</option> </select> </td> </tr> <tr><td class=“left” width=40% align="right"><label for="txtarea">简 介:</label></td> <td><textarea id="txtarea"></textarea></td> </tr> <tr><td class=“left” width=40% align="right">兴 趣:</td> <td><input type="checkbox" id="cbox1" name="dushu" value="c1">读书 <input type="checkbox" id="cbox2" name="yundong" value="c2">运动 <input type="checkbox" id="cbox3"name="chihe" value="c3">吃喝 </td> </tr> <tr><td class=“left” width=40% align="right">上 传:</td> <td> <input type="file" id="f1" name="shangchuan" value="File1" /></td> </tr> <tr><td class=“left” width=40% align="right" rowspan=2> <input id="Submit1" type="submit" value="提 交" /> </td> <td> <input id="Reset1" type="reset" value="重 置" /> </td> </tr> </tbody></table></fieldset> </form></div></body></html>
注意其中的代码label实现的功能是使鼠标在点击文本的时候自动聚焦在文本框里!!!
<label for="t1">姓 名:</label>
0 0
- 【ibokan】表单<Form>元素的一些简单实现代码
- Ext 实现简单的form表单提交
- 简单的form表单
- 【ibokan】双飞翼布局实现代码
- 表单form的实现
- Extjs表单元素实现横向、多列布局,最简单的代码示例
- node.js实现提交简单的form表单
- form表单中用户名和密码对齐的简单实现
- 简单的form表单提交...
- 简单的form表单验证
- jQuery获取form表单元素的值
- jQuery获取form表单元素的值
- javascript 获取form里的表单元素
- jQuery获取form表单元素的值
- 简单的表单验证代码javascript实现
- js 使FORM表单的所有元素不可编辑的示例代码
- js 使FORM表单的所有元素不可编辑的示例代码
- 表单的一些基本元素
- 第四届省赛试题 模拟 Contest Print Server
- 判树!
- X86汇编中常见的寄存器汇总
- 用win32 API监听U盘插拔并取得其盘符/取得当前插入U盘的盘符
- 关于统计变换(CT/MCT/RMCT)算法的学习和实现
- 【ibokan】表单<Form>元素的一些简单实现代码
- Linux基本命令之linux cd命令详解
- 1.java的package的理解只见
- jquery选择器操作一
- LeetCode 63 — Unique Paths II(C++ Java Python)
- 在ListView上面动态显示控件
- 第一节c语言犯的错误
- 学习编程的前提思想
- 多系统引导 感触