找回密码
 立即注册
首页 资源区 教程 html表单创建2

html表单创建2

新程序 2025-5-28 00:31:32
标签
<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">  属性 列
1.png

html表单创建2.html (1.84 KB, 下载次数: 0, 售价: 10 圆)


  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.     <title>Document</title>

  7. <!---
  8. 标签
  9. <form><form> 标签 表单创建
  10. <input></input> 标签创建表单
  11. <select></select> 标签为选择
  12. <option></option> 标签 下拉菜单选择
  13. &nbsp; 标签空格
  14. <textarea></textarea> 标签文本区域

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

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

  44.         </select>

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

  48.     </form>
  49.     </body>
  50. </html>
复制代码




您需要登录后才可以回帖 登录 | 立即注册