新程序 发表于 2025-5-28 00:31:32

html表单创建2

标签
<form><form> 标签 表单创建
<input></input> 标签创建表单
<select></select> 标签为选择
<option></option> 标签 下拉菜单选择
&nbsp; 标签空格
<textarea></textarea> 标签文本区域

属性
<form action="789.html">action 按钮提交链接
<input type="text" value="123456">value="123456" 属性为数据取值
<input type="radio">type="radio" 属性为选项,需使用name属性才能使radio选项相互排斥
name="sex" 使用2个相同的name属性能radio使选项排斥选择
<input type="file"> 属性为文件域
<input type="checkbox"> 属性 多行选项
<input type="button" 普通按钮
<input type="submit" 提交按钮
<input type="reset"重置按钮
<textarea rows="10" > 属性 行
<textarea cols="30">属性 列




<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

<!---
标签
<form><form> 标签 表单创建
<input></input> 标签创建表单
<select></select> 标签为选择
<option></option> 标签 下拉菜单选择
&nbsp; 标签空格
<textarea></textarea> 标签文本区域

属性
<form action="789.html">action 按钮提交链接
<input type="text" value="123456">value="123456" 属性为数据取值
<input type="radio">type="radio" 属性为选项,需使用name属性才能使radio选项相互排斥
name="sex" 使用2个相同的name属性能radio使选项排斥选择
<input type="file"> 属性为文件域
<input type="checkbox"> 属性 多行选项
<input type="button" 普通按钮
<input type="submit" 提交按钮
<input type="reset"重置按钮
<textarea rows="10" > 属性 行
<textarea cols="30">属性 列
-->
</head>

<body>
    <form action="789.html">
    用户名：<input type="text" value="123456"><br />
    密&nbsp;&nbsp;&nbsp;&nbsp;码：<input type="password"><br />
    性别：<input type="radio" name="sex">男 <input type="radio" name="sex">女<br />
    头像：<input type="file"><br/>
    爱好：<input type="checkbox">吃
          <input type="checkbox">喝
          <input type="checkbox">玩<br />
    学历: <select>
         <option value="1">小学</option>
         <option value="2">初中</option>
         <option value="3">高中</option>
         <option value="4">大学</option>
    简介：<textarea rows="10" cols="30"></textarea><br />

      </select>

      <input type="button" value="普通按钮" />
      <input type="submit" value="提交按钮" />
      <input type="reset" value="重置按钮" />

    </form>
    </body>
</html>



咪四 发表于 2025-10-21 16:50:23

热心回复！

蜴间囝 发表于 2025-12-16 05:58:35

热心回复！

寿爹座 发表于 2025-12-18 00:24:30

分享、互助 让互联网精神温暖你我

郦湘云 发表于 2025-12-24 16:30:59

感谢发布原创作品，程序园因你更精彩

盖彗云 发表于 2026-1-14 18:27:04

收藏一下   不知道什么时候能用到

腥狩频 发表于 2026-1-20 13:33:19

前排留名，哈哈哈

兮督 发表于 2026-1-25 08:51:42

感谢，下载保存了

扒钒 发表于 2026-1-28 05:32:04

东西不错很实用谢谢分享

亢安芙 发表于 2026-1-29 04:38:28

新版吗？好像是停更了吧。

阜逐忍 发表于 2026-2-3 08:31:13

这个好，看起来很实用

喳谍 发表于 2026-2-8 04:15:23

鼓励转贴优秀软件安全工具和文档！

卒挪 发表于 2026-2-8 05:36:12

前排留名，哈哈哈

鞣谘坡 发表于 2026-2-8 14:29:51

感谢分享，下载保存了，貌似很强大

俏挺喳 发表于 2026-2-9 03:54:36

鼓励转贴优秀软件安全工具和文档！

喳谍 发表于 2026-2-9 17:42:16

谢谢楼主提供！

战匈琼 发表于 2026-2-10 23:07:08

感谢发布原创作品，程序园因你更精彩

虾氲叱 发表于 2026-2-11 05:42:10

分享、互助 让互联网精神温暖你我

簑威龙 发表于 2026-2-13 17:20:26

用心讨论，共获提升！

简千叶 发表于 2026-2-13 22:02:16

新版吗？好像是停更了吧。
页: [1]
查看完整版本: html表单创建2