title: Getting following errors buliding registration form using html5 and css.Getting following errors
body: <p>Getting following errors buliding registration form using html5 and css.<br />
  Registraion form with input type fields,one dropdown list and button.
  Getting following errors buliding registration form using html5 and css.<br />
  Registraion form with input type fields,one dropdown list and button.
  Getting following errors buliding registration form using html5 and css.<br />
  Registraion form with input type fields,one dropdown list and button.</p>
  <pre><code> &lt;!DOCTYPE html&gt;
      &lt;html&gt;
      &lt;head&gt;
        &lt;link rel=&quot;icon&quot; href=&quot;favicon.png&quot; type=&quot;image/png&quot;&gt;
        &lt;title&gt;Destiny&lt;/title&gt;
        &lt;link href=&quot;mystyle.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot;&gt;
      &lt;/head&gt;
      
       &lt;body&gt;
      
        &lt;h1&gt;Registration Form&lt;/h1&gt;
      
       &lt;div id=&quot;container&quot;&gt;
        &lt;form&gt;
      
         &lt;label for=&quot;name&quot;  &gt;Name:&lt;/label&gt;
         &lt;input type=&quot;text&quot; name=&quot;name&quot; id=&quot;select&quot; value=&quot;&quot;style=&quot; margin-left:120px;float:centre; position:relative;&quot;&gt;&lt;/br&gt;&lt;/br&gt;
      
        &lt;label for=&quot;date&quot; &gt;Date of Birth:&lt;/label&gt;
        &lt;input type=&quot;date&quot; name=&quot;date&quot;  id=&quot;select&quot; value=&quot;&quot; style=&quot; margin-left:75px;padding-right:15px;float:centre; position:relative;&quot;&gt;&lt;/br&gt;&lt;/br&gt;
      
        &lt;label for=&quot;country&quot;&gt;Country:&lt;/label&gt;
        &lt;input list=&quot;browsers&quot; name=&quot;country&quot;  style=&quot;margin-left:110px;position:absolute;&quot;&gt;
        &lt;datalist id=&quot;browsers&quot;&gt;
          &lt;option value=&quot;India&quot;&gt;&lt;/option&gt;
          &lt;option value=&quot;United States&quot;&gt;&lt;/option&gt;
          &lt;option value=&quot;United Kingdom&quot;&gt;&lt;/option&gt;
          &lt;option value=&quot;Austraila&quot;&gt;&lt;/option&gt;
          &lt;option value=&quot;France&quot;&gt;&lt;/option&gt;
        &lt;/datalist&gt;&lt;/br&gt;&lt;/br&gt;
      
        &lt;label for=&quot;phone&quot;&gt;Phone number:&lt;/label&gt;
        &lt;input type=&quot;tel&quot; name=&quot;phone&quot; style=&quot;margin-left:65px;&quot;&gt;&lt;/br&gt;&lt;/br&gt;
      
        &lt;label for=&quot;email&quot;&gt;Email:&lt;/label&gt;
        &lt;input type=&quot;email&quot; name=&quot;email&quot; style=&quot;margin-left:118px;float:centre;&quot;&gt;&lt;/br&gt;&lt;/br&gt;
      
        &lt;label&gt;Website:&lt;/label&gt;
        &lt;input type=&quot;url&quot; style=&quot;margin-left:105px;float:centre;&quot;&gt;&lt;/br&gt;&lt;/br&gt;
      
       &lt;/form&gt;
      &lt;/div&gt;
      
      
      &lt;button type=&quot;submit&quot;&gt;Submit&lt;/button&gt;
      
      &lt;/body&gt;
      &lt;/html&gt;
  </code></pre>
  <p>CSS file</p>
  <pre><code>body {
          /*  background-image: url(&quot;https://farm6.staticflickr.com/5695/22447126166_2db1545ed4_b.jpg&quot;);*/
       
       background-color: #e0d8cc;
      
      }
      header{
          width: 100%;
          height: 80px;
          background-color: #cc6533;
          display: inline-block;
      }
      
      header a:hover{
          color: orange;
      }
      h1{
          margin: 13px 15px 12px 13px;
      
          color:black
      }
      input{
          border: 1px solid #cc6533;
        border-radius: 4px 0px 0px 4px;
      }
      form{
          margin: 47px 0px 0px 34px;
      }
      #container{
          margin-left: 11px;
          width: 500px;
          height: 300px;
          border-radius: 4px;
          border: 1px solid #cc6533
      }
      button{
          border-radius: 4px;
          border: none;
          padding: 4px 9px 5px 10px;
          margin: 6px 0px 0px 452px;
          background-color: #cc6533;
      }
      select{
          border-radius: 0px 4px 4px 0px;
          border: none;
          background-color: #cc6533;
          padding: 1px;
      }
     
  </code></pre>
  <p>Testclass
  test_webpage.py</p>
  <pre><code>    from bs4 import BeautifulSoup
      import pytest
      import pickle
      import requests
      
      class TestWebpage:
          @pytest.fixture(autouse=True)
          def get_soup(self):
              index_page = requests.get(&quot;http://localhost:8000/index.html&quot;)
              soup_index = BeautifulSoup(index_page.content, 'html.parser')
              self._index = soup_index
              
          # testing index.html
          def test_indexpage(self):
              assert self._index.find_all('form')
              assert self._index.body.h1.string=='Registration Form'
              site = self._index.find('form')
              assert self._index.find('form')
              site1 = site.find_all('input')
              count = 0
              for input in site1:
                  count +=1
              assert count==6
              assert self._index.find('datalist')
              site2=site.find_all('datalist')
              site3=self._index.find_all('option')
              count = 0
              for option in site3:
                  count +=1
              assert count==5
              assert self._index.find_all('input', {'type': 'text'})
              assert self._index.find_all('input', {'type': 'date'})
              assert self._index.find_all('input', {'type': 'email'})
              assert self._index.find_all('input', {'type': 'tel'})
              assert self._index.find_all('input', {'type': 'url'})
  </code></pre>
  <blockquote>
  <p>Getting following error</p>
  </blockquote>
  <pre><code>            def test_indexpage(self):
          
                  assert self._index.find_all('form')
          
                  assert self._index.body.h1.string=='Registration Form'
          
                  site = self._index.find('form')
          
                  assert self._index.find('form')
          
                  site1 = site.find_all('input')
          
                  count = 0
          
                  for input in site1:
          
                      count +=1
          
          &gt;       assert count==6
          
          E       assert 1 == 6
          
          test/test_webpage.py:23: AssertionError
          
   
  
  
  
  
  
  
    
      
    
  </code></pre>