Save Acceptor Placeholder with airSlate SignNow

Save acceptor placeholder

hello friends today we will make a form so first of all I will create a folder in my desktop and provide an inform on fall just in that and right click here inside this folder I will click open with quote I have microsoft visual Institute text editor you can do it with notepad notepad colossal + + or any other text editor so I will just simply click on open with quote in order to access this folder and cite Visual Studio taste editor so as you can see my folder is here for and I will just simply click on the form and I'll come here and select new file so just click new file so provide a name for your file index dot HTML so once you have created in index dot HTML then press shift 1 and enter this ready-made template will come for you our boiler plates of Pixy deter visual Institute acceptor so I'll change the title name to fall okay now I'll add a heading and I will say here registration for or welcome now open with life server as you can see welcome to registration form is added let's go ahead then I will arrive container and dip dip dip and for a wider class for my dip container inside this and I will add a form and so I will say add a form for me and the form should have a ID by the name of register as you can see form is created and now we will see a de heading for healing - for me H - and I will say here red just duration as you can see added so the next thing that we need we need a label label and I will say we have first claim control C control s let's see as you can see first name is added let's copy this and paste it here so as you can see first name is okay then we will change first name last name here in the second column and the next yep I will say change the phone number - last name - phone number and in phone number so I change it later then we will name up what we will meet in email id then we will say password and here pass word so you can do this let's see now as you can see it's added so let's add a br tag also here in order to break the line Yod via NPR also via here also we are here also via can't rule is now as you can see is break now what we need here we need an input also so I'm just say here input enter and what else about done so we'll do it later let's go let's add first of all let's add an input here so I say add an input for me typhus type is equal to take and placeholder is equal to enter you are false your name body first name [Music] and I will add am class also classes equal to first same class i will add for all of this just close it and i will copy this and paste for all of the labels now for the last name also and for the phone number so the next is for email and next for password and here for confirm passwords control this let's see now as you can see it is added okay so now I will say add a br tag also here come to this let's see now as you can see BRS and it break the line ER me break the line for me play the line for me in here also break the line for me we are also three column here also break the line and in here also break a line control is as you can see the line is great now let's go and change the first one is okey the second one is also key because we are entering text so I will change here first name to lost and the next is interview instead of name phone number and let's also the type is all - number number and in here also image placeholder change it to Amy hiding here password pitching the typology to password same in here also password running here also sorry what happened here so I will more time who I will just simply delete it so I'll copy this one copy and paste it in here and instead of an entire your password we will see in so let's see now as you can see it's change let's go ahead and what else we have needed here we need to add silic and I will add an ID for the silic what ID for the input also I will add a change the input of this to the class name of this phone and in here I will save option 9 1 + 9 1 copy this end up and up so 3 is ok 9 1 9 - 9 - is for Pakistan 9 3 is for up honest on 9 one is for lovely India what happened here why because we need to use this tag at the end of this option let's see now as you can see 9 1 9 2 9 3 ok 91 92 93 so what is we need we need a button I think button an agenda we will add it later ok it's ok so here I will add a button + to begin and I will say sing Norton let's see it submitted addict yeah okay and one thing more also being in here we need a gender so we're to add gender I think after phone number we have to add it in there so let's go the input type is type is equal to radio okay and class is equal to a name is also equal to name or Ginga here I will see me and I'll just copy this I'll face it and slick here female I think it's creted let's see now so as you can see male female is added so what being it here we need a br tag also here the author the our tag okay we are added male female so let's add something more one thing more we have all that right now there is another ginger is also added so let's copy this and say ok and you can see form is added so I think the HTML part is finished let's go to the CSIS parts so to add a thesis are just here I'll add external CSIS so to others externals uses just type your link and in the href type style dot CSIS control s just click create file as you can see CSIS so first of all i will test that in order to and that i want to see that my CSIS is connected with my HTML or not so i just just say body just add a temporary color background color blue let's see so background is added here okay background is other sizes P now listed just change the color background color is change okay so in here I'll add one more thing I'll make the margins zero and padding:0 by the help of universal selector you know this star is called universal selector in here so I'll say margin:0 pixel padding zero pixel okay margin is also zero pixel padding is also zero pixels so first of all we need to add this welcome to registration form into the center so I will say h1 fix the line enter calculus and as you can see it's added so let's add a parting for this we can do it quite a margin also so we can have padding it's better here to our padding 20 pixels let's see now as you can see a space having added here okay now what we need here we need to add now I will come to this container after each one heating we have here a container so let's ask CSS for this container all through this one this container so I will say dot can dinner so first of all I have first of all other background background for this blue on in here delete I will just read the background here and slick here at color color is added so color and then add a margin margin zero friction q0 fixin zero pixel and then here right to 200 pixels let's see as you can see margin is added now add a big forest this I will say 400 500 and now let's add some more so what I will do I'm just sampling in this pic here and I will edit it from here so here is the container the container margin here I'll change this 200 in order to bring it in the same tab okay so I'll just copy this and paste it into the into 500 pixel control this so as you can see it change now what we need here we have to add a border radius use in pixel as well as here we need a but we need padding padding 20 pixels padding is also added now what we need here I have to bring this registration form into the center so I'll just say H 2 and take the line [Applause] fighting now let's see so what you can see is that in the same curve so what we mean here we have to come forward for them so I just see here that form that I'm talking about this form here for an IDs register so I'll just simply copy this and I will say margin right margin by 250 now let's change it from here I'll lick what inside this container and fall margin is right 200 okay okay I have to add it for the left margin lip now let's see okay nice okay let's leave okay I think this one is better 144 for the left so let's change it to 144 144 control s 144 is added so now this heat 2 is here and it's kept it from here cut it and paste it here control s so as you can see this one is also added now let's come for the level so I'm just sinfully here say label color change color turning white let's see color is added listen up phone phone size font size 20 pixel as as you can see font sizes also added now let's add a pound family so I will add this one so as you can see is change so this one is also finished now let's come for the work this for that input the spot so for the input pot let's go and see the input class name is first so I'll just say here dot first wait how much we wait 200 pixel or less a smooth 4300 Excellus enough I think okay weighted data now let's change to 280 kg pixel and add a padding for the whittled input also padding padding to friction now let's see let's add some more padding 5 6 5 pixels enough okay and bother reduce also for then reduce to 3 picks at 10 pixels no chance 10 pixel is vivid I think Jason body reduces also added I think we have had more tension body reduced lips changes to 5 pixels so as you can see border is reduces also change so now bring it into the center and order to bring it into the center what I will do here I just come to whereas the margin-left so I'll say here I'll select selector and in container inside the container we have what for so margin flips I think one one two is okay so I'll just say one one two so as you can see this one is added also now let's come for the pattern so let's go and see that last name of button is between shall just c4b Polly [Applause] let's see as you can see so party I will see 15 pixel frog top button and 15 pixel also from or 2023 take that from the left and dive let's see now as you can see submit pattern is here so let's add please change the padding here 11 and change it here in Tempe algae color white change the color to white the next but we need here border radius for the reduce 10 fix it fix a sorry 8 9 pressure so color I have teaching here okay background is also change now this come for this phone number so okay for the phone number yeah ideas phone so so forth Poonam but also same will have to work yeah so let's copy from inputs we are allowed input first 200 pixel padding then we will change the padding don't Eddie padding let's see no wife's not change let's see in here Oh bonus in the capital later so I'll just copy this and paste it here how can do this let's see now as you can see this one is added so I'm just simply in a strict here okay and I will select the selectors from here yes the selector now change children from here I think 50 is okay so I just think wait Adam wait 50 50 pixels and the next that we need to change this here this input so I will just add a phone I think home again let's see and see fighting also fighting 5 pixels let's see now so let's change it from here I'll just lick on the selectors and you can see this is the phone number and I am change the width to 25 pixels to 25 fixed a control s so