Responsive Form

Form ដែល​ជា​ភាសា​ខ្មែរ ត្រូវ​ហៅ​ថា ទំរង់​បែបបទ ត្រូវ​បាន​គេ​ប្រើប្រាស់​យ៉ាង​ទូលំ​ទូលាយ​ក្នុង​ការបង្កើត element មួយ​ចំនួន​ទៀត​នៅ​ក្នុង​នោះ​ សំរាប់​ទទួល​យក​ទិន្នន័យ​ផ្សេង​ៗ​ពី​អ្នក​ប្រើប្រាស់ (user) មុន​នឹង​បញ្ជូន​ទិន្នន័យ​ទាំងនោះ​ទៅ​លើ server ណាមួយ​។

<!DOCTYPE html>
<html>
  <head>
  	<meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  	<title>Responsive Form</title>
    <style>
    	#myform{
        	display: grid;
        	grid-template-columns: 25% 75%;
        	grid-gap: 10px;
        	padding: 10px;
          	align-items: center;
      	}
      	#myform a{
        	text-align: right;
      	}
      	#myform input, #country, #subject{
        	padding: 10px;
      	}

      	@media only screen and (max-width: 600px){
        	#myform{
          		grid-template-columns: 100%;
        	}
        	#myform a{
          		text-align: left;
        	}
      	}
    </style>
  </head>
  
  <body>
	
First Name Last Name Country Subject
</body> </html>
First Name Last Name Country Subject