Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Survey Form Updation #1231

Merged
merged 1 commit into from
Aug 9, 2024
Merged

Survey Form Updation #1231

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
319 changes: 129 additions & 190 deletions Projects/Survey_Form/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,197 +1,136 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible"
content="IE=edge">
<meta name="viewport"
content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<title>
Survey Form
</title>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<title>Survey Form</title>
</head>

<body>
<h1>Basic Details</h1>

<!-- Create Form -->
<form id="form">

<!-- Details -->
<div class="form-control">
<label for="name" id="label-name">
Name
</label>

<!-- Input Type Text -->
<input type="text"
id="name"
placeholder="Enter your name" />
</div>

<div class="form-control">
<label for="Institute" id="label-Institute">
Present Institute
</label>

<!-- Input Type PhoneNo-->
<input type="Institute"
id="Institute"
placeholder="Enter your Present Institute Name" />
</div>

<div class="form-control">
<label for="Course" id="label-Course">
Present Course
</label>

<!-- Input Type PhoneNo-->
<input type="Course"
id="Course"
placeholder="Enter your Couse Name" />
</div>

<div class="form-control">
<label for="CurrentYear" id="label-CurrentYear">
Present Year
</label>

<!-- Input Type PhoneNo-->
<input type="Course"
id="Course"
placeholder="Enter your Current Year i.g. 1st , 2nd , 3rd , 4th" />
</div>

<div class="form-control">
<label for="PhoneNo" id="label-PhoneNo">
PhoneNo
</label>

<!-- Input Type PhoneNo-->
<input type="PhoneNo"
id="PhoneNo"
placeholder="Enter your PhoneNo" />
</div>

<div class="form-control">
<label for="email" id="label-email">
Email
</label>

<!-- Input Type Email-->
<input type="email"
id="email"
placeholder="Enter your email" />
</div>

<div class="form-control">
<label for="age" id="label-age">
Age
</label>

<!-- Input Type Text -->
<input type="text"
id="age"
placeholder="Enter your age" />
</div>

<div class="form-control">
<label for="role" id="label-role">
Which option best describes you?
</label>

<!-- Dropdown options -->
<select name="role" id="role">
<option value="student">Student</option>
<option value="intern">Intern</option>
<option value="professional">
Professional
</option>
<option value="other">Other</option>
</select>
</div>

<div class="form-control">
<label>
Would You Recommend Me As a Mentor
to Your Friend?
</label>

<!-- Input Type Radio Button -->
<label for="recommed-1">
<input type="radio"
id="recommed-1"
name="recommed">Yes</input>
</label>
<label for="recommed-2">
<input type="radio"
id="recommed-2"
name="recommed">No</input>
</label>
<label for="recommed-3">
<input type="radio"
id="recommed-3"
name="recommed">Maybe</input>
</label>
</div>

<div class="form-control">
<label>Languages and Frameworks known
<small>(Check all that apply)</small>
</label>
<!-- Input Type Checkbox -->
<label for="inp-1">
<input type="checkbox"
name="inp">C</input></label>
<label for="inp-2">
<input type="checkbox"
name="inp">C++</input></label>
<label for="inp-3">
<input type="checkbox"
name="inp">C#</input></label>
<label for="inp-4">
<input type="checkbox"
name="inp">Java</input></label>
<label for="inp-5">
<input type="checkbox"
name="inp">Python</input></label>
<label for="inp-6">
<input type="checkbox"
name="inp">JavaScript</input></label>
<label for="inp-7">
<input type="checkbox"
name="inp">React</input></label>
<label for="inp-7">
<input type="checkbox"
name="inp">Angular</input></label>
<label for="inp-7">
<input type="checkbox"
name="inp">Django</input></label>
<label for="inp-7">
<input type="checkbox"
name="inp">Spring</input></label>
<label for="inp-8">
<input type="checkbox"
name="inp">HTML & CSS</input></label>
</div>

<div class="form-control">
<label for="comment">
Any comments or suggestions
</label>

<!-- multi-line text input control -->
<textarea name="comment" id="comment"
placeholder="Enter your comment here">
</textarea>
</div>

<!-- Multi-line Text Input Control -->
<button type="submit" value="submit">
Submit
</button>
</form>
<main>

<section class="form-section">
<main class="content" >
<h1>Basic Details</h1>
<img src="https://th.bing.com/th/id/OIP.NlpbgZMswShSw1WrthDRQAHaHa?rs=1&pid=ImgDetMain" width="200px" alt="Survey Image">
</main>
<form id="form">
<div class="form-control">
<label for="name" id="label-name">Name</label>
<input type="text" id="name" placeholder="Enter your name" required />
<span class="underline"></span>
</div>

<div class="form-control">
<label for="Institute" id="label-Institute">Present Institute</label>
<input type="text" id="Institute" placeholder="Enter your Present Institute Name" required />
<span class="underline"></span>
</div>

<div class="form-control">
<label for="Course" id="label-Course">Present Course</label>
<input type="text" id="Course" placeholder="Enter your Course Name" required />
<span class="underline"></span>
</div>

<div class="form-control">
<label for="CurrentYear" id="label-CurrentYear">Present Year</label>
<input type="text" id="CurrentYear" placeholder="Enter your Current Year i.e., 1st, 2nd, 3rd, 4th" required />
<span class="underline"></span>
</div>

<div class="form-control">
<label for="PhoneNo" id="label-PhoneNo">PhoneNo</label>
<input type="text" id="PhoneNo" placeholder="Enter your PhoneNo" required />
<span class="underline"></span>
</div>

<div class="form-control">
<label for="email" id="label-email">Email</label>
<input type="email" id="email" placeholder="Enter your email" required />
<span class="underline"></span>
</div>

<div class="form-control">
<label for="age" id="label-age">Age</label>
<input type="text" id="age" placeholder="Enter your age" required />
<span class="underline"></span>
</div>

<div class="form-control">
<label for="role" id="label-role">Which option best describes you?</label>
<select name="role" id="role" required>
<option value="student">Student</option>
<option value="intern">Intern</option>
<option value="professional">Professional</option>
<option value="other">Other</option>
</select>
<span class="underline"></span>
</div>

<div class="form-control">
<label>Would You Recommend Me As a Mentor to Your Friend?</label>
<div class="radio-group">
<label for="recommend-yes">
<input type="radio" id="recommend-yes" name="recommend" value="yes">Yes
</label>
<label for="recommend-no">
<input type="radio" id="recommend-no" name="recommend" value="no">No
</label>
<label for="recommend-maybe">
<input type="radio" id="recommend-maybe" name="recommend" value="maybe">Maybe
</label>
</div>
</div>

<div class="form-control">
<label>Languages and Frameworks known <small>(Check all that apply)</small></label>
<div class="checkbox-group">
<label for="chk-c">
<input type="checkbox" id="chk-c" name="languages" value="C">C
</label>
<label for="chk-cpp">
<input type="checkbox" id="chk-cpp" name="languages" value="C++">C++
</label>
<label for="chk-csharp">
<input type="checkbox" id="chk-csharp" name="languages" value="C#">C#
</label>
<label for="chk-java">
<input type="checkbox" id="chk-java" name="languages" value="Java">Java
</label>
<label for="chk-python">
<input type="checkbox" id="chk-python" name="languages" value="Python">Python
</label>
<label for="chk-javascript">
<input type="checkbox" id="chk-javascript" name="languages" value="JavaScript">JavaScript
</label>
<label for="chk-react">
<input type="checkbox" id="chk-react" name="languages" value="React">React
</label>
<label for="chk-angular">
<input type="checkbox" id="chk-angular" name="languages" value="Angular">Angular
</label>
<label for="chk-django">
<input type="checkbox" id="chk-django" name="languages" value="Django">Django
</label>
<label for="chk-spring">
<input type="checkbox" id="chk-spring" name="languages" value="Spring">Spring
</label>
<label for="chk-htmlcss">
<input type="checkbox" id="chk-htmlcss" name="languages" value="HTML_CSS">HTML & CSS
</label>
</div>
</div>

<div class="form-control">
<textarea name="query" id="query" placeholder="Any comments or suggestions"></textarea>
<span class="underline"></span>
</div>

<button type="submit" class="btn btn-submit">Submit</button>
</form>
</section>
</main>
</body>
</html>

Loading