html性别按钮如何写

input标签type写成radio单选。后面的文字自己添加，男女两个的input都要用相同的name值，因为只能选择一个。

<form action="/example/html/form_action.asp" method="get">

  <input type="radio" name="sex" value="male" /> Male<br />

  <input type="radio" name="sex" value="female" /> Female<br />

  <input type="submit" value="Submit" />

</form>

HTML中的单选按钮实现男女性别选择，不让男女同是都能都能选择，实现方法：在按钮的属性里写一个name属性，并且把name的值设置成相同的

例：<input id="man" type="radio" checked="checked" name="1" />男<input id="woman" type="radio" name="1"/>女

可以使用Jquery的is()方法更轻松的解决这个问题。

is() 根据选择器、元素或 jQuery 对象来检测匹配元素集合，如果这些元素中至少有一个元素匹配给定的参数，则返回 true。

<form action="" method="post" onsubmit="return yanzheng()">

性别:<input type="radio" name="sex" value="男" />男 <input type="radio" name="sex" value="女" />女

<input type="submit"  value="提交" />

</form>

<script>

function yanzheng(){// 当表单提交时触发的验证方法    

    if(!$("input[name='sex']").is(":checked")){//如果name为sex的input没有被选中 

        alert('未选中')//d出提示 

        reture false// 返回假值表单不会提交 

    }else{

        return true// 返回真值表单提交    

    }

}

</script>

---