API tools faq
paste
Guest User

Sardar

a guest
Mar 27th, 2017
31
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.75 KB | None | 0 0
raw download clone embed print report
  1. act 3
  2. <html>
  3. <head>
  4. <title>
  5. </title>
  6. <style>
  7.  
  8.  
  9. form {
  10. border-radius: 25px;
  11. background-color: cyan;
  12.  
  13. width: 40%;
  14. height: 550px;
  15. border-style: solid;
  16. border-color: green;
  17. text-align: center;
  18. }
  19.  
  20. body{
  21. }
  22.  
  23. p{
  24. border-style: solid;
  25. border-color: green;
  26. width: 200px;
  27. text-align: right;
  28.  
  29. }
  30.  
  31. p,input{
  32. display:inline-block;
  33. }
  34. input,select{
  35. border-style: solid;
  36. border-color: green;
  37. width: 200px;
  38. }
  39. textarea{
  40. border-style: solid;
  41. border-color: green;
  42. width: 400px;
  43. }
  44. #remarks{
  45. width: 410px;
  46. height: 40px;
  47. }
  48. </style>
  49. </head>
  50. <body>
  51. <center>
  52. <form>
  53. Course Information<br>
  54. <p>Name</p>
  55. <input type="text"name="name"><br>
  56. <p>Email</p>
  57. <input type="text"name="email"><br>
  58. <p>Gender</p>
  59. <select id="gender">
  60. <option value="Male">Male</option>
  61. <option value="Female">Female</option>
  62. </select><br>
  63. <p>Date of Birth</p>
  64. <input type="date"name="date"value="mm/dd/yyyy"><br>
  65. <p>Course Name</p>
  66. <input type="date"name="email"><br>
  67. <p>Course Code</p>
  68. <input type="text"name="name"><br>
  69. <p>Slot</p>
  70. <select id="slot">
  71. <option value="23">L23+L24</option>
  72. <option value="33">L33+L34</option>
  73. <option value="43">L35+L36</option>
  74. <option value="53">L53+L54</option>
  75. </select><br>
  76. <p>Mobile Number</p>
  77. <input type="text"name="gender"><br>
  78.  
  79. <textarea value="Remarks">Remarks</textarea><br>
  80. <input type="submit"name="submit"value="Submit"><br>
  81.  
  82.  
  83. </form>
  84. </center>
  85. </body>
  86. </html>
  87.  
  88.  
  89.  
  90. ACTIVITY 2
  91.  
  92.  
  93. <!DOCTYPE html>
  94. <html>
  95. <body>
  96.  
  97. <form action="action_page.php">
  98. <fieldset>
  99. <legend>Personal information:</legend>
  100. EMAIL-ID:<br>
  101. <input type="text">
  102. <br>
  103. PASSWORD:<br>
  104. <input type="password">
  105. <br><br>
  106.  
  107. Gender:
  108. <select name="GENDER">
  109.  
  110. <option value="MALE">MALE </option>
  111. <option value="FEMALE">FEMALE </option>
  112. <option value="OTHER">OTHER </option>
  113. </select><br>
  114.  
  115.  
  116. DATE OF BIRTH:<br>
  117. <input type="text"value="dd/mm/yyyy">
  118. </fieldset>
  119.  
  120. <input type="submit"value="Submit Details">
  121. </form>
  122.  
  123. <form>
  124. <fieldset>
  125. <legend>Preference</legend>
  126. Favourite Colour:
  127. <input type="radio"name="gender"value="male"checked>Male
  128. <input type="radio"name="gender"value="female">Female
  129. <input type="radio"name="gender"value="other">Other<br>
  130.  
  131. Interests:<br>
  132. <input type="checkbox"name="int1"value="news">News<br>
  133. <input type="checkbox"name="int2"value="sports">Sports <br>
  134. <input type="checkbox"name="int3"value="entertainment">Entertainment<br>
  135.  
  136. Languages:
  137. <select name="lang">
  138. <option value="english">English</option>
  139. <option value="german">German</option>
  140. <option value="benagli">Bengali</option></select></fieldset></form>
  141.  
  142.  
  143. <form><fieldset>
  144. <legend>comment </legend>
  145. <textarea name="comment"rows="10"cols="30"></textarea><br>
  146.  
  147. Upload a file :<button type="button"Xonclick="alert('choose a file')">choose a file</button>no file chosen <br>
  148. <input type="submit"value="Submit Details">
  149. </fieldset></form>
  150.  
  151. </body>
  152. </html>
  153.  
  154.  
  155. <!DOCTYPE HTML >
  156. <html>
  157. <head>
  158. <title>RESUME </title>
  159. </head>
  160. <body>
  161. <img src="/tmp/guest-sMAPWp/Downloads/view_photo.jpg"align="left"style="width :120px; height :150px;"></img>
  162. <h1>Tamalika Basu </h1>
  163. <p>Mailing Address - D-529 LHD BLock VIT University </p>
  164. <p>Contact deatils:- tamalika.basu.14@gmail.com , 7639796640 </p>
  165. <p>Objective:- Applying for the position of Data Analytic </p>
  166. <h2>EDUCATION: </h2>
  167.  
  168. <table style="width:80%">
  169. <tr align ="left">
  170. <th>Secured</th>
  171. <th>Year of Passing,Institute</th>
  172. <th>Marks/Percentage</th>
  173. </tr>
  174. <tr align ="left">
  175. <td>10th Standard</td>
  176. <td>2012,Delhi Public School Bilaspur</td>
  177. <td>10.00(CGPA)</td>
  178. </tr>
  179. <tr align ="left">
  180. <td>12th Standard</td>
  181. <td>2014,Delhi Public School </td>
  182. <td>85%</td>
  183. </tr>
  184.  
  185. <tr align ="left">
  186. <td>Btech, Computer Science</td>
  187. <td>2018, VIT Vellore </td>
  188. <td>9.00(CGPA)</td>
  189. </tr>
  190. </table>
  191.  
  192. <h3>PROFESSIONAL EXPERIENCE : </h3>
  193.  
  194. <table style="width:80%">
  195. <tr align ="left">
  196. <th>Designation</th>
  197. <th>Project</th>
  198. <th>Description</th>
  199. </tr>
  200. <tr align ="left">
  201. <td>Web Developer</td>
  202. <td>Website designing,NTPC </td>
  203. <td>Bus Reservation System using Visual Studio</td>
  204. </tr>
  205.  
  206. <tr align ="left">
  207. <td>Intern</td>
  208. <td>Marketing Intern,Upside Down </td>
  209. <td>Social media marketing</td>
  210. </tr>
  211.  
  212. </table>
  213. <h4>EXTRA CURRICULAR PARTICIPATION </h4>
  214.  
  215.  
  216. <table style="width:80%">
  217. <tr align ="left">
  218. <th>Designation</th>
  219. <th>Description</th>
  220. </tr>
  221.  
  222. <tr align ="left">
  223. <td>Dir.Public Relation(2015-2016)</td>
  224. <td>Society for Industrial and Applied Mathematics(SIAM-VIT Student Chapter)</td></tr>
  225.  
  226.  
  227. <tr align ="left">
  228. <td>General Secretary(2016-2017)</td>
  229.  
  230. <td>Society for Industrial and Applied Mathematics(SIAM-VIT Student Chapter) <a href="http://www.siam.org/">www.siam.org</a></td>
  231.  
  232.  
  233. </tr>
  234. <tr align ="left">
  235. <td>Volunteer</td>
  236. <td>EDforall-VIT(Education for all-Southern Zone)</td>
  237.  
  238.  
  239. </tr>
  240. </table>
  241.  
  242. <p>Reference available on Request </p>
  243.  
  244. </body>
  245. </html>
  246.  
  247.  
  248.  
  249. Act 4
  250.  
  251. <!DOCTYPE html>
  252. <html>
  253. <head>
  254. <title>Form Validation</title>
  255. <style>
  256. input[type=text]{
  257. border: 1px solid gray;
  258. height: 40px;
  259. border-left: 2px solid gray;
  260. border-top: 2px solid gray;
  261. background-image: url("symbol.png");
  262. background-repeat: no-repeat;
  263. background-position: right center;
  264. }
  265. input[type=text]:valid:focus{
  266. border: 2px solid red;
  267. height: 40px;
  268. background-image: url("valid.png");
  269. background-repeat: no-repeat;
  270. background-position: right center;
  271. }
  272. input[type=text]:valid:focus{
  273. border: 2px solid red;
  274. height: 40px;
  275. background-image: url("invalid.png");
  276. background-repeat: no-repeat;
  277. background-position: right center;
  278. }
  279.  
  280. input[type=password]{
  281. border: 1px solid gray;
  282. height: 40px;
  283. border-left: 2px solid gray;
  284. border-top: 2px solid gray;
  285. background-image: url("symbol.png");
  286. background-repeat: no-repeat;
  287. background-position: right center;
  288. }
  289.  
  290. .center{
  291. border: 10px solid gray;
  292. border-radius: 20px;
  293.  
  294. position:fixed;
  295. left:400px;
  296. text-align:center;
  297. }
  298. .header{background-color:red;
  299. color:white;
  300. padding: 5px;
  301. background-position:top;
  302.  
  303. }
  304. input[type=submit]{
  305. height:25px;
  306. color:white;
  307. background-color:red;
  308. border-style: outset;
  309. border: 2px solid gray;
  310. width:150px;
  311. }
  312. </style>
  313. </head>
  314. <body>
  315. <div class="center">
  316. <form>
  317. <div class="header">
  318. <h2>HTML and CSS Form Validation</h2></div><br><br>
  319. <input type="text" placeholder="Username" name="Username" pattern="[A-Za-z]{6,}"required><br><br>
  320. <input type="password" placeholder="Password" name="Password" pattern="[A-Za-z0-9]{6,}" required><br><br>
  321. <input type="text" placeholder="Email Id" name="Email" pattern="[a-z0-9]@[a-z].[a-z]"required><br><br>
  322. <input type="text" placeholder="Mobile Number" name="mobileno" pattern="[1-9][0-9]{10,}" required><br><br>
  323. <input type="text" placeholder="Web Address"name="webaddress" pattern="[a-z0-9].[a-z].[a-z]" required><br><br>
  324. <input type="submit" value="Sign In"><br><br>
  325. </form>
  326. </div>
  327. </body>
  328. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!