Form : Coming Fast..

-
Form is one of the significant method for data collection. If you want to make forms for any society or for some other work, then you are at right place. 
In this blog post we will learn to make a simple but useful form. 
First of all: Open any text editor like notepad, then save the file as "form.html".....
Now start coding..
Write the below mentioned code into the form.html file using a test editor.

Code: (HTML)

<!DOCTYPE html>
<html>
 <head>
  <title>Form</title>
  <link rel="stylesheet" href="style.css" type="text/css" >
 </head>

<body>

 
 <div id="container">
  <h1>Fill In The Form..</h1>
 <div id="formBody">
  <form>
   Name:&nbsp;<input type="text" placeholder="enter your name.."><br><br>
   Class:&nbsp;&nbsp;<input type="text" placeholder="enter your class e.g. BESE-7"><br><br>
   Batch:&nbsp;<input type="number" placeholder="e.g. 2016"><br><br>
   CMS ID:&nbsp;<input type="number" placeholder="e.g. 184055."><br><br>
   School:&nbsp;<input type="text" placeholder="e.g. SEECS"><br><br>
   Date Of Birth:&nbsp;<input type="date"><br><br>
   <input type="submit" >
   

  
                     </form>
 </div>
 <div id="formFooter">
  &copy; form2018htmlwebEngineering
 </div>
 
 </div>
 

</body>

</html>


Now open another text editor file, save it as "style.css".


 


You might have observed   <link rel="stylesheet" href="style.css" type="text/css" >






in the html file, actually it is a link to "style.css". 






Style.css is a cascading style sheet and is used to add


 


styling to your simple web page.










Write the below mentioned code in "style.css". Don't forget to 






Save it.






CODE: (CSS)








body{
 background-image: url("https://cdn.pixabay.com/photo/2016/10/17/14/31/background-1747784_960_720.jpg");


}
h1{
 padding-left: 15%;
 background: linear-gradient(to right, rgba(149,149,149,1) 0%,rgba(13,13,13,1) 0%,rgba(1,1,1,1) 50%,rgba(10,10,10,1) 64%,rgba(56,56,56,1) 87%,rgba(78,78,78,1) 100%,rgba(27,27,27,1) 100%);
 color: white;
 width: 50%:
}

#container{

 font-family: helvica;
 font-size: 20px;
 font-weight: Bold;
 width: 50%;
 margin-left: 25%;
 background: linear-gradient(to bottom, rgba(147,206,222,1) 0%,rgba(117,189,209,1) 41%,rgba(73,165,191,1) 100%);
 
}
input{
 
 width: 100%;
}

#formBody{
 
 
 background: linear-gradient(to bottom, rgba(222,239,255,1) 0%,rgba(152,190,222,1) 100%);
 margin: 20px;
 align-content: center;
 padding: 20px;
}

#formFooter{
 text-align:left
 font-size: 10px;
 background: black;
 color: white;
 

}






OUTPUT:





















































Comments











Post a Comment



















Popular posts from this blog









A Survey of the Final Year University Students






-














Image







    I don't know what should be the title of this blog post, but let's call it " A survey of the final year university students ". Pretty long title, huh?      Okay, let me tell you about this survey...    The story behind this thing:    Well, one day I thought about writing a post on Facebook to ask people about their sentiments and reviews regarding the final year of university life, then another thought knocked my head to write a full blog post on this topic. Then I disseminated a google form for this purpose. The google form was saying:    "Hello, final semester people!   I thought to collect reviews of 2020 graduates specifically of NUST and other IT universities. I am planning to add these to my blog post. Please take a few seconds to fill this form, thank you."    So that was a brief story behind this whole thing,   Now let's have a look at the most awaited questions and the corresponding responses...      Question#1:  Do you feel like a better hu








Read more










1-Machine Learning : Start...






-














Image







   John went to the cafeteria 10 times at 1:00 P.M. on 10 Fridays, each time the cafeteria was closed at that particular time. John decided not to go to cafe at 1:00 P.M. on Friday because the cafe will be closed.    But wait! How did John know that the cafe will  also be closed on next Friday at 1:00 P.M.???   Yes, you are absolutely right.    "John Learned from his Experience that the Task of going to the cafeteria at 1:00 P.M. on Fridays resulted in waste of time, since the cafe was closed on each Friday, so it will Perform the same on the next Friday."   In the above scenario, John learned something so we can call it " John Learning ".   Similarly, if we replace John with some sort of Machine, that can learn from the Experience or from the History about how the tasks were performed in the past given certain situation. Such that the Machine will perform the same if the same task happen again in near future. Then this will be called as Machine Learning.     To mak








Read more










Data Engineering Tools 






-














Image







   Data is a new oil. To channelize this data we need proper pipelines. These pipelines are mostly called ETL or data pipelines.  There are various tools out there to work out these Extract, Transform, and Load (ETL) operations.  Some of the scripting tools are:  - Python - SQL and NoSQL Apache provides a wide range of products that can be used as Data Engineering tools.  Some of the amazing apache DE services comprised of; - Hadoop - Spark - Kafka - Cassandra - Hive In addition, some cool DE tools are: - Tableau - Talend - MapReduce These DE tools provide a way to manage the data pipelines in a more effective, efficient, and better way.  Almost every Data-Oriented company in the corporate sector is highly dependent upon these technologies. They are leveraging many of the above-mentioned mechanisms for promising Data Services and Architecture. That's it for today. Hope you have enjoyed this article. If you want to know more about data or software related concepts, let me know in th








Read more










How to shape your career in the freshman year? 






-














Image







   Shaping the career from the very start of your four-year degree program is very important.    Why shape your career from the very start?   When you were a child, you were so energetic towards climbing walls, climbing trees, making mud houses, getting your clothes dirty with mud, spoiling the room walls with pencil, breaking toys and doing other mischievous stuff. And  then you get older and wiser.   The point is that when you are at the start of your career then you could have a great margin for risk-taking and for trying out different things that you feel passionate about. And in case you get a failure, still you would have plenty of time to start again in a better and effective way.   But this demands something beforehand,   Prerequisites    Attitude     One thing that you will require is the attitude. The attitude of giving the right direction to yourself. And Be smart in your decisions.    Believe in yourself     You must believe in your abilities, your capabilities, and your ca








Read more










UI / UX Designs 






-














Image







     Is there any website or an application that you enjoyed to use ? If I ask you why you like this particular application then most of you would say that it is fluent, it's easy to use or the theme is so soothing.      So what is behind all these user friendly themes and designs ? The answer is, UI and UX designs. UI stands for User Interface while UX is used for User Experience. In today's world it is important to provide user friendly interface. Your application must be liked by everyone to the extent that they don't want to close that tab.      Now lets dig deep into UI and UX designs....   UI vs UX designs..   The first thing is that UI designs focus on the interface or the front end, the application is providing to the user. It has to deal with beauty. How beautiful, attractive and good-looking is your application; determines its User Interface.     While UX design deals with the experience of the user. Whether the user feels comfortable while using your application 








Read more










An Interview with Pakistani Data Scientist : Dr. Zeeshan Ul Hassan Usmani






-














Image







        Dr. Zeeshan-ul-Hassan Usmani, the name known for Data Science, Predictify me, Eisenhower fellowship  and most importantly motivation for many of the students.   He is the Author of book like  (C++) ++سی/سی ,  Bit Coin Block Chain aur Crypto Currency بٹ کوائن، بلاک چین اور کرپٹو کرنسی  and many other, you can visit them here .   Today "Data Science Tales - A Tech blog by Bia Chaudhry," asked him some of the questions, as an interview and we are very glad that he gave his precious time to answer them.   It was kinda "Remote Interview"... not the traditional one..         The Interview  Question:  How can you describe " Dr. Zeeshan ul Hassan Usmani " ?  ANSWER:  I am a shameless idealist. We are all idealists at some stage of our lives but then it fades away and we live as a mediocre. I don’t want it to fade away. I remind myself almost every day that I need to make my today better than my yesterday, and the challenge is keep getting harder J . We onl








Read more










Read The Tech : Tech Related Magazines






-














Image







     "There is no beauty better than intellect" ~Holy Prophet Muhammad (S.A.W)    To increase the intellectual ability, we need to read and observe. So today I am going to tell you the  technology related magazines. You can find these at your door step and also on-line:    IEEE Micro     IEEE Micro  is an open source journal for engineers, researchers, students and other related people. It is published by IEEE (a computer society) . It contains information regarding science, technology and engineering.  Available on-line and in hard form too.      Skeptical Inquirer     This  magazine is from United States. Skeptical Inquirer is published by CSI (Committee for Skeptical Inquiry)  .  This magazines is meant for justifying scientific discoveries by giving proper facts about those.  This magazine is available both in soft (on-line) and hard form.      Computing (کمپیوٹنگ)      Computing  is a Pakistani, Urdu monthly magazine. The chief editor of this magazine is Mr. Amanat Ali G








Read more










Why to get straight A's in the freshman year ?






-














Image







   Now that you have seen how to get straight A's in the fresher year , you might be thinking; why to get straight A's specifically in the fresher year?    So here is the importance of getting straight A's:     In most of the institutes, the fresher year consists of more credit hours than the coming years. So the first year has more stake in your CGPA than any other year.   Good grades, in the beginning, will serve as a motivation for you to perform best in the future, this will increase your morale for improvement and progress.  There could be many companies recruiting after the first semester, your better grades will make your way to these companies from the very start. This will allow you to shape your career  and to assess your interests.     These are some of the answers to "WHY?". There could be many others. Well, there is no known disadvantage of getting straight A's to my knowledge, so why not to get'em!    








Read more










Habits to adopt in the freshman year 






-














Image







     We are what we repeatedly do. Excellence, then, is not an act but a habit. ~Aristotle     Have you ever noticed? When you were a kid, your parents used to correct you all the time, whenever you did some mistake. Why did they do so? Because at that time you were growing at the conscience and the sub-conscience level. Your mind was setting some patterns at that time. And today, you are mostly acting out of those patterns. Your parents want great patterns for you, that's why they used to scold you at an early age. The patterns set at that time is what you repeatedly do and that is what we call, "the habit".   Similarly, when you are a fresher you could adopt certain habits that could make or break you in the long run. Every one of us wants to have constructive habits. so here are some habits that you could adopt as a fresher in order to function well in coming years...   Habits to Have   1. Googling   Search on google for difficult and different concepts. Make it your h








Read more