html 联系表格和登录表格

Posted 2021-05-11

<form>

	<div class="form-group"> <!-- Name field -->
		<label class="control-label " for="name">Name</label>
		<input class="form-control" id="name" name="name" type="text"/>
	</div>
	
	<div class="form-group"> <!-- Email field -->
		<label class="control-label requiredField" for="email">Email<span class="asteriskField">*</span></label>
		<input class="form-control" id="email" name="email" type="text"/>
	</div>
	
	<div class="form-group"> <!-- Subject field -->
		<label class="control-label " for="subject">Subject</label>
		<input class="form-control" id="subject" name="subject" type="text"/>
	</div>
	
	<div class="form-group"> <!-- Message field -->
		<label class="control-label " for="message">Message</label>
		<textarea class="form-control" cols="40" id="message" name="message" rows="10"></textarea>
	</div>
	
	<div class="form-group">
		<button class="btn btn-primary " name="submit" type="submit">Submit</button>
	</div>
	
</form>		

<form class="form-inline">
	
	<div class="form-group"> <!-- Username field -->
		<input class="form-control" id="username_id" name="user_name" type="text" placeholder="Username"/>
	</div>
	
	<div class="form-group"> <!-- Password field -->
		<input class="form-control" id="password_id" name="user_password" type="password" placeholder="Password"/>
	</div>
	
	<div class="form-group"> <!-- Login button -->
		<button class="btn btn-primary " name="submit" type="submit">Login</button>
	</div>	
	
	<div class="form-group"> <!-- Remember Field -->
		<div class="checkbox">
			<label class="checkbox">
				<input name="remember" type="checkbox" value="yes"/>
				Remember
			</label>
		</div>
	</div>
	
</form>