1234567891011121314151617181920212223242526272829303132333435363738 |
- <style type="text/css">
- body {
- background: url(https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg30.51tietu.net%2Fpic%2F2016-090107%2F20160901070215elvhx1yovqm145170.jpg&refer=http%3A%2F%2Fimg30.51tietu.net&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1624704316&t=c902e04ad6a4ca7e1a3200c896bf3a04);
- color: white;
- }
- #title-div {
- margin: auto;
- }
- </style>
- <main>
- <div id="title-div">
- <h1 id="title">freeCodeCamp Survey Form</h1>
- <p id="description">Thank you for taking the time to help us improve the platform</p>
- </div>
- <form id="survey-form">
- <label id="name-label" for="name">Name</label><br>
- <input id="name" type="text" placeholder="Enter your name">
- <label id="email-label" for="email">Email</label><br>
- <input id="email" type="text" placeholder="Enter your email"><br>
- <label id="number-label" for="number">Age(option)</label><br>
- <input id="number" type="number" placeholder="10"><br>
- <label for="describes">Which option best describes your current role?</label><br>
- <input id="dropdown" type="text" list="optionlist" name="describes" placeholder="10"><br>
- <datalist id="optionlist">
- <option>one</option>
- <option>one</option>
- <option>one</option>
- <option>one</option>
- </datalist>
- </form>
- </main>
|