【前端】html5必填项 require

1、text必填项

<div class="form-group uk-form-row col-sm-6">
	<label class="uk-form-label" for="phone"><sup>*</sup> Phone</label>
	<div class="uk-form-controls">
		<input class="is_required form-control" type="text" id="phone" name="phone" value="" required />
	</div>
</div>	<label class="uk-form-label" for="phone"><sup>*</sup> Phone</label>
	<div class="uk-form-controls">
		<input class="is_required form-control" type="text" id="phone" name="phone" value="" required />
	</div>
</div>

2、radio必填项

<div class="surveyform">
	<h3 class="uk-margin-large-top">2. What is your business type?</h3>
	<ul class="clearfix uk-margin-small-top">
		<li>
			<input id="a2a" name="survey-a2" type="radio" value="Hair salon owner" required />
			<label for="a2a">hair salon owner</label>
		</li>
		<li>
			<input id="a2b" name="survey-a2" type="radio" value="wig store owner"/>
			<label for="a2b">wig store owner</label>
		</li>
		<li>
			<input id="a2c" name="survey-a2" type="radio" value="wholesaler"/>
			<label for="a2c">wholesaler</label>
		</li>
		<li>
			<input id="a2d" name="survey-a2" type="radio" value="hairstylist"/>
			<label for="a2d">hairstylist</label>
		</li>
		<li>
			<input id="a2e" name="survey-a2" type="radio" value="others"/>
			<label for="a2e">others</label>
		</li>
	</ul>
</div>	<h3 class="uk-margin-large-top">2. What is your business type?</h3>
	<ul class="clearfix uk-margin-small-top">
		<li>
			<input id="a2a" name="survey-a2" type="radio" value="Hair salon owner" required />
			<label for="a2a">hair salon owner</label>
		</li>
		<li>
			<input id="a2b" name="survey-a2" type="radio" value="wig store owner"/>
			<label for="a2b">wig store owner</label>
		</li>
		<li>
			<input id="a2c" name="survey-a2" type="radio" value="wholesaler"/>
			<label for="a2c">wholesaler</label>
		</li>
		<li>
			<input id="a2d" name="survey-a2" type="radio" value="hairstylist"/>
			<label for="a2d">hairstylist</label>
		</li>
		<li>
			<input id="a2e" name="survey-a2" type="radio" value="others"/>
			<label for="a2e">others</label>
		</li>
	</ul>
</div>