type=“radio”代表单选框
<form action="" method="GET"> <h1> choose your favourite fruit! </h1> 1.apple <input type="checkbox" name="fruit" value="apple"> 2.orange <input type="checkbox" name="fruit" value="orange"> 3.banana <input type="checkbox" name="fruit" value="banana"> <br> <input type="submit"> </form>type=“checkbox”代表复选框 功能上要有培养用户懒习惯(吸引用户) 做一个产品需要 : 1 解决刚需,解决社交 2 用户体验感好(减少用户操作) 3 用户粘性默认选中
<form action="" method="GET"> <h1> choose your sex! </h1> male:<input type="radio" name="sex" value="male" checked="checked"> female:<input type="radio" name="sex" value="female"> <br> <input type="submit"> </form>checked="checked"加了这个属性后,会自动把这个值设置为默认值,单选框与复选框都适用
<form action="" method="GET"> <h1>province</h1> <select name="province" id=""> <option >beijing</option> <option >shanghai</option> <option >guangdong</option> </select> <input type="submit"> </form>当option中没有value这个属性时,以便签中的内容为准,若是有则以value的值为准