[英]ionic showing radio button
My registration form in my ionic project need to show radio buttons. 我在离子项目中的注册表需要显示单选按钮。 But I have two issues:
但是我有两个问题:
Here is my code: 这是我的代码:
<ion-view view-title="Register">
<ion-content>
<form name="signinForm" novalidate="" class="padding">
<label class="item item-input">Login Name</span>
<input type="email"
name="email"
placeholder="Email"
ng-model="data.email"
required>
</label>
<label class="item item-input">
<span class="input-label orange-label">Password</span>
<input type="password"
name="password"
placeholder="Password"
ng-model="data.password"
ng-minlength="5">
</label>
<label class="item item-input">
<span class="input-label orange-label">Gender</span>
<fieldset>
<div class="some-class">
<label for="y">Male </label>
<input type="radio" class="radio" name="x" value="y" id="y" checked />
<label for="z">Female </label>
<input type="radio" class="radio" name="x" value="z" id="z" />
</div>
</fieldset>
</label>
</form>
</ion-content>
</ion-view>
My css for radio button: 我的CSS单选按钮:
fieldset {
overflow:hidden;
border: 0;
}
input[type='radio'] {
-webkit-appearance:none;
width:16px;
height:16px;
border:1px solid darkgray;
border-radius:50%;
}
Any idea? 任何想法? Thanks.
谢谢。
That's strange, radio and checkbox's don't behave in ionic. 奇怪的是,单选按钮和复选框在离子模式下不起作用。 Quick search found this...
快速搜索发现了这个...
https://github.com/driftyco/ionic/issues/423#issuecomment-33045079 https://github.com/driftyco/ionic/issues/423#issuecomment-33045079
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.