theenglishway-utils
/
css-sandbox


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
							<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <link rel="stylesheet" href="normalize.css">
  <link rel="stylesheet" href="style.css">
  <title>Document</title>
</head>

<body class="body--">
  <form class="form form--full-page" action="#" method="post">
    <h1 class="form__title">Ajouter un nouveau lien</h1>
    <div class="form__field">
      <div class="field" id="input-text">
        <label class="field__label" for="text">Text</label>
        <div class="field__input">
          <input class="input" type="text" name="text" label="Text">
        </div>
        <p class="field__error-help-msg"></p>
      </div>
    </div>
    <div class="form__field">
      <div class="field" id="input-radio">
        <label class="field__label" for="radio">Radio</label>
        <div class="field__input">
          <div class="radio">
            <input class="radio__option" type="radio" value="Option 1" name="radio" id="option-1">
            <label class="radio__label" for="option-1">Option 1</label>
            <input class="radio__option" type="radio" value="Option 2" name="radio" id="option 2">
            <label class="radio__label" for="option-2">Option 2</label>
            <input class="radio__option" type="radio" value="Option 3" name="radio" id="option-3">
            <label class="radio__label" for="option-3">Option 3</label>
          </div>
        </div>
        <p class="field__error-help-msg"></p>
      </div>
    </div>
    <div class="form__field">
      <div class="field" id="input-select">
        <label class="field__label" for="select">Select</label>
        <div class="field__input">
          <select class="select" id="select" name="select">
            <option class="select__option" value="option-1">Option 1</option>
            <option class="select__option" value="option-2">Option 2</option>
            <option class="select__option" value="option-3">Option 3</option>
          </select>
        </div>
        <p class="field__error-help-msg"></p>
      </div>
    </div>
    <div class="form__field">
      <div class="field" id="input-textarea">
        <label class="field__label" for="textarea">Textarea</label>
        <div class="field__input">
          <textarea id="textarea" class="input" type="textarea" name="text" label="Texte" placeholder="Ajouter une note"></textarea>
        </div>
        <p class="field__error-help-msg"></p>
      </div>
    </div>
    <div class="form__field">
      <input class="input input--hidden" type="hidden" name="kind" value="internetcontent">
    </div>
    <button class="form__submit button button-success" type="submit">Go</button>
  </form>
</body>

</html>