• HTML基础学习第五篇（HTML表单与输入）

    一、表单

    表单是一个包含表单元素的区域；

    表单元素是允许用户在表单中输入内容，比如：文本域（lextarea）、下拉列表、

    单选框（radio-buttons）、复选框（checkboxes）等等

    表单使用表单标签:

    来设置：

    imput元素

    二、常见的表单输入元素

    多数情况下使用表单标签是输入标签（）。

    输入类型是由类型属性（type）定义的。常见的输入类型如：

    文本域（Text Fields）

    1、文本域通过标签来定义，当需要在表单中输入字母、数字等内容时，

    就会用到文本域。

    First name:

    Last name:

    2、密码字段

    使用来定义：

    Password:

    3、单选按钮(Radio Buttons)

    使用来定义表单单选按钮：

    男

    女

    4、复选框(Checkbox)

    使用定义复选框，用户可在其中选取一个或多个

    一年级

    二年级

    5、下拉单选列表

    使用

    6、提交按钮（Submit Button）

    定义了提交按钮

    当用户单击确认按钮时，表单的内容会被传送到另一个文件。表单的动作属性定义了目的文件的文件名。由动作属性定义的这个文件通常会对接受到的数据进行相关的处理。

    用户名：

    总结以上知识点：实现以下内容

    代码如下 

    1. html>
    2. <html>
    3.      <head>
    4. 	    <meta charset="UTF-8">
    5. 	     <title>
    6. 		    小莫个人信息
    7. 		 title>
    8. 	 head>
    9. 	 <body>
    10. 	    <h1>请输入个人信息h1>
    11. 		<form action="test-6-2.html" method="get">
    12. 		姓名
    13. 		<input type="text" name="name"><br>
    14. 		银行卡密码
    15. 		<input type="password" name="password"><br>
    16. 		性别
    17. 		<input type="radio" name="sex" value="男">男
    18. 		<input type="radio" name="sex" value="女">女
    19. 		<input type="radio" name="sex" value="人妖">人妖<br>
    20. 		是否单身
    21. 		<select name="single">
    22. 		    <option value="">请选择option>
    23. 			<option value="单身">单身option>
    24. 			<option value="不单身">不单身option>
    25. 		select><br>
    26. 		个人爱好
    27. 		<input type="checkbox" name="hobby1" value="唱歌">唱歌
    28. 		<input type="checkbox" name="hobby2" value="看书">看书
    29. 		<input type="checkbox" name="hobby3" value="刷视频">刷视频
    30. 		<input type="checkbox" name="hobby4" value="打游戏">打游戏
    31. 		<input type="checkbox" name="hobby5" value="干饭">干饭<br>
    32. 		
    33. 		<input type="submit" value="提交">
    34. 		form>
    35. 	 body>
    36. html>

  • 相关阅读:
    Flink快速入门
    如何利用堆来模拟堆排序
    单目标优化算法：遗传算法
    Ubuntu 22.04 x86_64 源码编译 pytorch-v2.0.1 笔记【2】编译成功
    Redis内存淘汰策略
    web server apache tomcat11-20-connectors 连接器
    多行文本转成一行的实现方法
    保护鲸鱼动物网页设计作业 静态HTML宠物主题网页作业 DW鲸鱼网站模板下载 大学生简单动物网页作品代码 个人网页制作 学生个人网页
    分布式唯一ID
    z-library应急办法
  • 原文地址：https://blog.csdn.net/xiaomoge__/article/details/126845110