设为首页收藏本站
天天打卡

 找回密码
 立即注册
搜索
查看: 56|回复: 15

HTML 表单组件实例代码

[复制链接]
发表于 2024-4-20 10:27:40 | 显示全部楼层 |阅读模式
HTML 表单用于搜集不同类型的用户输入。下文通过代码给大家分享html 表单组件实例代码,感兴趣的朋友参考下吧
废话不多说了,直接给大家贴代码了,具体代码如下所示:
  1. <!DOCTYPE html>  
  2. <html>  
  3. <head>  
  4. <meta charset="UTF-8">  
  5. <title>Insert title here</title>  
  6. </head>  
  7. <body>  
  8.     <!--  
  9.     如果要给服务端提交数据 表单中的组件必须有name和value属性  
  10.     用于给服务端获取数据   
  11.      -->  
  12. <from>输入名称:<input type="text" name="user" value=""/><br/>  
  13.         输入密码:<input type="password" name="passwd" value=""/>  
  14.         <br/>  
  15.       选择性别:<input type="radio" name="sex" vlaue="nan"/> 男  <input type="radio" name="sex" value="nv" checked="checked"/> 女  
  16.     <br/>  
  17.     选择技术:  
  18.         <input type="checkbox" name="tech" value="java"/>Java  
  19.         <input type="checkbox" name="tech" value="html"/>html  
  20.         <input type="checkbox" name="tech" value="css"/>CSS<br/>  
  21.     选择文件:  
  22.         <input type="file" name="file" /><br/>  
  23.     一个图片:<input type="image" src="11.jpg" ><br/>  
  24.     <!-- 数据不需要客户端指定 但是可以将其提交服务端 -->  
  25.     隐藏组件:<input type="hidden" name="mykey" value="myvalue"/><br/>  
  26.     一个按钮:<input type="button" value="有个按钮" onclick="alert('有个按钮')"><br/>  
  27.     <select name="contry">  
  28.         <option value="none">--选择国家-</option>  
  29.         <option value="usa">美国</option>  
  30.         <option value="en">英国</option>  
  31.         <option value="cn" selected="selected">中国</option>  
  32.     </select>  
  33.     <textarea name="text"></textarea>  
  34.     <br/>  
  35.     <input type="reset" value="清除数据"/><input type="submit" value="提交数据"/>  
  36. <from>  
  37. </body>  
  38. </html>  
复制代码
总结
以上所述是小编给大家介绍的HTML 表单组件实例代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!

0

主题

50

回帖

100

积分

注册会员

积分
100
发表于 2024-5-30 05:11:13 | 显示全部楼层
看了LZ的帖子,我只想说一句很好很强大!

4

主题

50

回帖

190

积分

注册会员

积分
190
发表于 2024-6-10 15:51:29 | 显示全部楼层
这个话题真是有趣,我也对它感兴趣。

0

主题

65

回帖

131

积分

注册会员

积分
131
发表于 2024-7-10 11:22:30 | 显示全部楼层
6666666666

0

主题

39

回帖

75

积分

注册会员

积分
75
发表于 2024-7-29 00:25:36 | 显示全部楼层
感谢分享,受益匪浅!

2

主题

56

回帖

155

积分

注册会员

积分
155
发表于 2024-8-4 15:11:00 | 显示全部楼层
牛逼

1

主题

61

回帖

123

积分

注册会员

积分
123
发表于 2024-8-8 16:00:11 | 显示全部楼层
每日一回

1

主题

70

回帖

156

积分

注册会员

积分
156
发表于 2024-8-11 07:52:47 | 显示全部楼层
这个话题很有趣,我想多了解一些
  • 打卡等级:无名新人
  • 打卡总天数:1
  • 打卡月天数:0
  • 打卡总奖励:27
  • 最近打卡:2024-05-22 05:35:33

0

主题

50

回帖

138

积分

注册会员

积分
138

热心会员付费会员

发表于 2024-8-18 04:43:50 | 显示全部楼层
我完全同意你的观点

1

主题

49

回帖

121

积分

注册会员

积分
121
发表于 2024-8-29 06:22:31 | 显示全部楼层
谢谢你分享这个信息
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|爱云论坛 - d.taiji888.cn - 技术学习 免费资源分享 ( 蜀ICP备2022010826号 )|天天打卡

GMT+8, 2024-11-15 11:29 , Processed in 0.102847 second(s), 27 queries .

Powered by i云网络 Licensed

© 2023-2028 正版授权

快速回复 返回顶部 返回列表