要素をHTMLフォームにグループ化するにはどうすればよいですか？彼らの周りの国境を取得しますか？

私は比較的新しいHTMLです。要素をHTMLフォームにグループ化するにはどうすればよいですか？彼らの周りの国境を取得しますか？

似ているフォーム要素の周りに境界を取得したいと思います。

たとえば、サインアップフォームの：

私はこれをどのように行うことができますか？

2016-12-12 manjula

タグあなたが探していますforは0です

<fieldset style="width:270px"> 
<legend>Contact details</legend> 
<label>Name:<br /></label> 
<input type="text" name="name"><br /> 
<label>Email:<br /> 
<input type="text" name="email"></label><br /> 
<label>Mobile:<br /> 
<input type="text" name="mobile"></label><br /> 
</fieldset>

結果はこのようなものになるだろう：

そして何でもあなたのlegendタグでありするグループの見出しとしてボックスに表示される予定です。

幅はボックスのサイズを決定します。幅が指定されていない場合、またはCSSを使用していない場合、長方形のサイズはブラウザウィンドウのサイズになります。

出典

2016-12-12 14:54:37 madhuspot

これはどういう意味ですか？ここ

<!DOCTYPE html> 
<html> 
<body> 

<form> 
<fieldset> 
    <legend>Personalia:</legend> 
    Name: <input type="text"><br> 
    Email: <input type="text"><br> 
    Date of birth: <input type="text"> 
</fieldset> 
</form> 

</body> 
</html>

デモ：https://jsfiddle.net/991avcmv/

出典

2016-12-12 14:49:00 danjbh

<legend>Sign Up</legend>タグ

出典

2016-12-12 14:51:00 whisk

あなたがこれを行うことができる方法を使用するには、次のとおりです。 -

<fieldset> 
 
<legend>Contact details</legend> 
 
<label>Email:<br /> 
 
<input type="text" name="email" /></label><br /> 
 
<label>Mobile:<br /> 
 
<input type="text" name="mobile" /></label><br /> 
 
<label>Telephone:<br /> 
 
<input type="text" name="telephone" /></label> 
 
</fieldset>

出典

2016-12-12 14:54:24

<!DOCTYPE html> 
<html> 
<body> 

<form> 
<fieldset> 
    <legend>Sign up:</legend> 
    <label>Name:</label> 
    <br> 
    <input type="text" name="name"/><br> 
    <label>Email: </label> 
    <br> 
    <input type="email" name="email"/><br> 
    <label>Date of birth:</label> 
    <br> 
    <input type="text" name="dob"/> 
</fieldset> 
</form> 

</body> 
</html>

出典

2016-12-12 14:55:19 Arun

要素をHTMLフォームにグループ化するにはどうすればよいですか？彼らの周りの国境を取得しますか？

答えて

関連する問題