随笔记录方便自己和同路人查阅。
#------------------------------------------------我是可耻的分割线-------------------------------------------
新建.html格式文件,输入以下内容
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>input系列</title> </head> <body> <form> <p>性别:</p> 男<input type="radio"/> 女<input type="radio"/> </form> </body> </html>
使用浏览器打开后展示内容:
radio类型在浏览器中显示为单选框,但是有一个问题是,在以上结果展示中可以看出,虽然为单选框,但是可以都选中,我们给radio加入name
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>input系列</title> </head> <body> <form> <p>性别:</p> 男<input type="radio" name="sex"/> 女<input type="radio" name="sex"/> </form> </body> </html>
结果展示:
这样就实现了单选框操作,性别执行选中一个。别急这样还有一个问题,就是无法提交到后台。