html第三天学习_html定义一个动物对象,属性有动物名称,颜色,体重,分别赋值并定义方法将其输出-CSDN博客

本文链接：https://blog.csdn.net/qq_56378605/article/details/118873387

学习目标：

1.表单的使用。

2.input类创建

HTML 表单用于搜集不同类型的用户输入。

<form> 元素

HTML 表单用于收集用户输入。

<form> 元素定义 HTML 表单：

<form>用于收集信息。

HTML 表单包含表单元素。

表单元素指的是不同类型的 input 元素、复选框、单选按钮、提交按钮等等。

<input> 元素

<input> 元素是最重要的表单元素。

<input> 元素有很多形态，

从中挑选几个试一试。例如单选按钮：

<form>

<input type="radio" value="nan"> 男

</form>

可以设置多个单选按钮。

<form>

<input type="radio" value="nan"> 男

<input type="radio" value="nv"> 女

</form>

由上图可知，并没有实现两个只能有一个选中的情况这时候就要给他们起一个相同的name：

<form>

<input type="radio" value="nan" name="sex"> 男

<input type="radio" value="nv" name="sex"> 女

</form>

这样就可以保证不会同时选上。当然如果我们想实现默认勾选就需要使用

<input type="radio" value="nan" name="sex" checked="checked"> 男

<input type="radio" value="nv" name="sex"> 女

checked="checked“，它保障了在刷新页面时男会自动选中。

仿照婚庆网站录入信息框：

<!DOCTYPE html>

<html>

<head>

<style>

table.geshi{

margin: 0 auto;

}

</style>

</head>

<tr>

<td>

</td>

</tr>

<tr>

<td>

<option>请选择年份</option>

</select>

</select>

<option>请选择日期</option>

</select><br>

</td>

</tr>

<tr>

</tr>

<tr>

<td>

</td>

</tr>

<tr>

</tr>

<tr>

<br>

</td>

</tr>

<tr>

<td>

<input type="checkbox" checked="checked" >我同意免费注册条款和加入会员标准<br>

</td>

</tr>

<tr>

<td>

<form>

<ul>

<li>抱着严肃的态度</li>

<li>真诚寻找另一半</li>

</ul>

</form>

</td>

</tr>

</table>

</body>

</html>

成品如下