当前位置:首页 > 行业动态 > 正文

html如何输入钩

在HTML中,要输入钩,可以使用<input>标签的type属性设置为checkbox,以下是一个简单的示例:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf8">
<title>输入钩示例</title>
</head>
<body>
<h1>选择你喜欢的水果:</h1>
<form>
  <input type="checkbox" id="apple" name="fruit" value="apple">
  <label for="apple">苹果</label><br>
  <input type="checkbox" id="banana" name="fruit" value="banana">
  <label for="banana">香蕉</label><br>
  <input type="checkbox" id="orange" name="fruit" value="orange">
  <label for="orange">橙子</label><br>
  <input type="checkbox" id="grape" name="fruit" value="grape">
  <label for="grape">葡萄</label><br>
  <input type="checkbox" id="watermelon" name="fruit" value="watermelon">
  <label for="watermelon">西瓜</label><br>
</form>
</body>
</html>

在这个示例中,我们创建了一个包含五个复选框的表单,分别表示不同的水果,用户可以通过勾选相应的复选框来选择他们喜欢的水果。

0