i'm new to using forms and trying to figure out how the work and how to use them, i'm working on a small site for my friends that's sort of like fantasy football but for wrestling and i made this form to choose one checkbox from each of the allotted sections and to send to my email. However i'm not sure how to set this up to send it to my email, here is the code i have for the form, if anyone can help i'd greatly appreciate it.
<section class="clean-block clean-form dark">
<form>
<div class="form-group"><label>Name</label><input class="form-control" type="text"></div>
<div class="form-group"><label>Subject</label><input class="form-control" type="text" placeholder="Elimination Chamber Picks"></div>
<div class="form-group"><label>Email</label><input class="form-control" type="text"></div>
<!--<div class="form-group"><label>Message</label><textarea class="form-control"></textarea></div>-->
<hr>
<p>WWE Championship</p>
<p>*Please pick one:</p>
<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" id="inlineCheckbox1" value="Daniel Bryan">
<label class="form-check-label" for="inlineCheckbox1">Daniel Bryan(C)</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" id="inlineCheckbox2" value="Jeff Hardy">
<label class="form-check-label" for="inlineCheckbox2">Jeff Hardy</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" id="inlineCheckbox3" value="AJ Styles">
<label class="form-check-label" for="inlineCheckbox3">AJ Styles</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" id="inlineCheckbox4" value="Samoa Joe">
<label class="form-check-label" for="inlineCheckbox4">Samoa Joe</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" id="inlineCheckbox5" value="Mustafa Ali">
<label class="form-check-label" for="inlineCheckbox5">Mustafa Ali</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" id="inlineCheckbox6" value="Randy Orton">
<label class="form-check-label" for="inlineCheckbox6">Randy Orton</label>
</div>
<hr>
<p>Womens Tag Team Championship</p>
<p>*Please pick one:</p>
<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" id="inlineCheckbox7" value="IIconics">
<label class="form-check-label" for="inlineCheckbox7">The IIconics(Peyton Royce and Billie Kay)</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" id="inlineCheckbox8" value="Riott Squad">
<label class="form-check-label" for="inlineCheckbox8">The Riott Squad(Liv Morgan and Sarah Logan)</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" id="inlineCheckbox9" value="Fire & Desire">
<label class="form-check-label" for="inlineCheckbox9">Fire & Desire(Mandy Rose and Sonya Deville)</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" id="inlineCheckbox10" value="Boss n' Hug Connection">
<label class="form-check-label" for="inlineCheckbox10">Boss n' Hug Connection(Bayley & Sasha Banks)</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" id="inlineCheckbox11" value="Dance Break">
<label class="form-check-label" for="inlineCheckbox11">Dance Break(Carmella & Naomi)</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" id="inlineCheckbox12" value="Samoan Dynasty">
<label class="form-check-label" for="inlineCheckbox12">Samoan Dynasty(Nia Jax & Tamina Snuka)</label>
</div>
<hr>
<p>Raw Women's Championship</p>
<p>*Please pick one:</p>
<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" id="inlineCheckbox13" value="Ronda">
<label class="form-check-label" for="inlineCheckbox13">Ronda Rousey(C)</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" id="inlineCheckbox14" value="Ruby">
<label class="form-check-label" for="inlineCheckbox14">Ruby Riott</label>
</div>
<hr>
<p>SmackDown Tag Team Championship</p>
<p>*Please pick one:</p>
<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" id="inlineCheckbox15" value="MizMcmahon">
<label class="form-check-label" for="inlineCheckbox15">The Miz & Shane McMahon(C)</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" id="inlineCheckbox16" value="Usos">
<label class="form-check-label" for="inlineCheckbox16">The Usos</label>
</div>
<hr>
<p>Cruiserweight Championship</p>
<p>*Please pick one:</p>
<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" id="inlineCheckbox17" value="Murphy">
<label class="form-check-label" for="inlineCheckbox17">Buddy Murphy (C)</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" id="inlineCheckbox18" value="Tozawa">
<label class="form-check-label" for="inlineCheckbox18">Akira Tozawa</label>
</div>
<hr>
<p>Intercontinental Championship</p>
<p>*Please pick one:</p>
<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" id="inlineCheckbox19" value="Lashley">
<label class="form-check-label" for="inlineCheckbox19">Bobby Lashley (C)</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" id="inlineCheckbox20" value="Balor">
<label class="form-check-label" for="inlineCheckbox20">Finn Balor</label>
</div>
<hr>
<p>Raw Tag Team Championship</p>
<p>*Please pick one:</p>
<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" id="inlineCheckbox21" value="RoodeGable">
<label class="form-check-label" for="inlineCheckbox21">Bobby Roode & Chad Gable (C)</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" id="inlineCheckbox22" value="Revival">
<label class="form-check-label" for="inlineCheckbox22">The Revival</label>
</div>
<hr>
<div class="form-group"><button class="btn btn-primary btn-block" type="button">Send</button></div>
</form>
</div>
</section>
Aucun commentaire:
Enregistrer un commentaire