分享web开发知识

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

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

我的web前端学习之路-HTML-form

发布时间:2023-09-06 01:11责任编辑:沈小雨关键词:HTML前端
 1 <form name="register" method="post" action="servlet等可处理请求的东西"> 2 ????????单行文本框<input type="text" name="username" id="username"/><br/> 3 ????????<label for="password">密码框</label><input type="password" name="password" id="password"/><br/> 4 ????????隐藏域<input type="hidden" name="hidden" id="hidden"/><br/> 5 ????????单选按钮<input type="radio" name="radio" id="radio1" value="男"/>男 6 ???????????????<input type="radio" name="radio" id="radio2" value="女" checked="checked"/>女<br/> 7 ????????复选框<input type="checkbox" name="hobby" id="h1" disabled="disabled"/>足球 8 ????????????<input type="checkbox" name="hobby" id="h2" checked="checked"/>篮球 9 ????????????<input type="checkbox" name="hobby" id="h3"/>网球<br/>10 ????????图像域<br/><input type="image" src="img/我爱你.jpg" width="300px" height="200px" /><br/>11 ????????文件上传域<input type="file" name="file"/><br/>12 ????????提交按钮<input type="submit" name="submit" value="提交"/><br/>13 ????????重置按钮<input type="reset" name="reset" value="重置"/><br/>14 ????????普通按钮<input type="button" name="button" value="普通"/><br/>15 ????????16 ????????button提交按钮<button type="submit"><i>提交按钮</i></button><br/>17 ????????button重置按钮<button type="reset"><b>重铸按钮</b></button><br/>18 ????????button普通按钮<button type="button" disabled="disabled">提交按钮</button><br/>19 ????????20 ????????<label for="select">下拉菜单</label><select name="selectF" id="select">21 ????????????<option><b>香蕉</b></option>22 ????????????<option selected="selected">牛奶</option>23 ????????????<option>瓜皮</option>24 ????????</select><br/>25 ????????列表框<br/>26 ????????<select name="more" id="city" multiple="mutiple" size="5">27 ????????????<option>北京</option>28 ????????????<option>上海</option>29 ????????????<option>杭州</option>30 ????????????<option>长沙</option>31 ????????????<option>深圳</option>32 ????????????<option>厦门</option>33 ????????????<option>贵阳</option>34 ????????????<option>成都</option>35 ????????</select><br/>36 ????????组列表框<br/>37 ????????<select name="moreGrou" id="cityG" size="5">38 ????????????<optgroup label="靠北">39 ????????????????<option selected="selected" value="beijing">北京 ???????</option>40 ????????????????<option>上海</option>41 ????????????????<option>杭州</option>42 ????????????????<option>长沙</option> ???43 ????????????</optgroup>44 ????????????<optgroup label="靠南" disabled="disabled">45 ????????????????<option>深圳</option>46 ????????????????<option>厦门</option>47 ????????????????<option>贵阳</option>48 ????????????????<option>成都</option> ???49 ????????????</optgroup>50 ????????</select><br/>51 ????????多行文本域<br/>52 ????????<textarea name="textarea" cols="20" rows="10" readonly>53 ????????????1.xiao54 ????????????2.small55 ????????</textarea>56 ????</form>

效果如下

单行文本框

隐藏域
单选按钮男 ??
复选框足球篮球网球
图像域

文件上传域
提交按钮
重置按钮
普通按钮
button提交按钮
button重置按钮
button普通按钮
香蕉


列表框

组列表框

多行文本域

我的web前端学习之路-HTML-form

原文地址:http://www.cnblogs.com/jcx-only1314/p/7529164.html

知识推荐

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