Formulare Absende im Formularfeld

[dennis-sauer]

Hallo zusammen,

mir ist bei Microsoft folgendes aufgefallen:

http://maps.live.de/LiveSearch.LocalLive

Im Formularfeld links oben ist die Lupe direkt im Formular integriert.

Hat jemand ne Ahnung wie man das anstellt?

Gruß und Dank

Dennis

 

[simste]

Das ist wahrscheinlich mit Hintergurndbildern gemacht. Das Eingabefeld hat wahrscheinlich ein Hintergundbild, was rechts keinen Rand hat, und der Button hat dann oben, unten und rechts einen zu Eingabefeld passenden Rand.

 

[Loomis]

Wenn man im Quelltext nachschaut, kann man das herausfinden.

html:

<input id="header_taskBar_placessearch" class="" type="text" onkeypress="Enter2(event)" onblur="axPage.ChangeBack(this);" onfocus="axPage.ChangeSearchBoxes(this);" value="Wo? Straße, PLZ oder Ort" title="Bitte geben Sie die Begriffe in folgender Reihenfolge ein: Zuerst den Straßennamen (optional) und dann Ort oder PLZ. Die Begriffe müssen durch ein Komma voneinander getrennt sein." name="header$taskBar_placessearch"/>
<input id="header_taskBar_placesbttn" class="inputbtn" type="button" onclick="axSearch.SearchLocationOnly()" title="Suchen" name="header$taskBar_placesbttn"/>

css:

#header_taskBar_placessearch 
{
	border: 1px solid white !important;
	padding: 2px 0px 2px 5px !important;
	margin: 1px 0px 0px 0px !important;
}
.inputbtn
{
	background-color:#549C00;
	background-image:url(../images/search_btn.jpg);
	background-repeat:no-repeat;
	border:none;
	cursor:pointer;
	height:24px;
	line-height:500%;
	margin: 0.10em 0.10em 0.05em 0em;
	padding: 0em 0em 0em 0em;
	vertical-align: top;
	width:24px;
}