把文本框嵌入到form

时间:2024-01-14 18:07:44

<form action="/submit-cat-photo">
<input type="text" placeholder="cat photo URL">
<button type="submit" value="Submit">submit</button>
</form>

如果你想把一个文本输入字段设置为必填项,在你的input元素中加上required属性就可以了,你可以使用:
<input type="text" required>

单选按钮的例子:

<label><input type="radio" name="indoor-outdoor"> Indoor</label>

给你的表单添加两个单选按钮,一个叫indoor,另一个叫outdoor

下面是复选按钮的例子:

<label><input type="checkbox" name="personality"> Loving</label>

checked默认被选中

元素的 margin 控制元素的 border 和元素实际所占空间的距离。

如果你将一个元素的 margin 设置为负值,元素将会变大。

padding: 10px 20px 10px 20px;

这四个值以顺时针方式排列:顶部、右侧、底部、左侧,简称:上右下左。

id 声明都会覆盖 class 声明。

很多情况下,你会使用 CSS 库,这些库可能会意外覆盖掉你自己的 CSS。所以当你需要确保某元素具有指定的 CSS 时,你可以使用!important

#后面  前两位是红  中间是绿 后面是蓝